*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f7f8fc;color:#18233d;font:16px/1.65 system-ui,-apple-system,sans-serif}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #f19433;outline-offset:5px}header{border-bottom:1px solid #dce1ec;background:white}nav,.wrap{max-width:1200px;margin:auto;padding:0 32px}nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-size:27px;font-weight:900;letter-spacing:-1px;display:flex;gap:12px;align-items:center}.logo{background:#2846c6;color:white;border-radius:12px;width:44px;height:44px;display:grid;place-items:center;font-size:24px}.navlinks{display:flex;gap:24px;font-size:14px;font-weight:650}.navlinks a{text-decoration:none}.intro{padding:64px 0 44px;max-width:840px}.eyebrow{font-size:14px;text-transform:uppercase;letter-spacing:1.7px;font-weight:750;color:#2846c6}h1{font-size:clamp(36px,5vw,64px);line-height:1.08;letter-spacing:-2px;margin:18px 0 24px;font-weight:850}h1 em{font-style:normal;color:#2846c6}.lead{font-size:19px;color:#56617a;max-width:650px}.bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 40px}.pill{background:white;border:1px solid #dce1ec;border-radius:100px;padding:10px 19px;text-decoration:none;font-weight:650;font-size:14px}.pill:hover{border-color:#2846c6;color:#2846c6}.section{padding:8px 0 42px}.sectionhead{display:flex;align-items:center;gap:14px;margin-bottom:22px}.sectionhead h2{font-size:28px;letter-spacing:-.8px;margin:0}.count{color:#65708a;font-size:14px}.symbol{font-size:28px;width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#e6eaff;color:#2846c6}.section:nth-of-type(2) .symbol{background:#d8f3e9;color:#16765a}.section:nth-of-type(3) .symbol{background:#fff0d9;color:#9d5b12}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{display:flex;flex-direction:column;background:white;border:1px solid #dce1ec;padding:24px;border-radius:16px;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:#a3afd7}.kicker{display:flex;justify-content:space-between;color:#63708a;font-size:13px;font-weight:650}.free{color:#17664c;background:#e7f6ef;padding:1px 9px;border-radius:6px}.card h3{font-size:21px;line-height:1.25;margin:21px 0 12px;letter-spacing:-.4px}.card p{font-size:15px;color:#5b657a;margin:0 0 20px}.meta{font-size:13px;color:#5b657a;display:flex;flex-wrap:wrap;gap:6px 12px}.card a{margin-top:22px;color:#2846c6;font-weight:700;font-size:14px;text-decoration:none}.card .desc{flex:1}.download{background:#182c75;color:white;border-radius:20px;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:15px 0 64px}.download h2{margin:0 0 10px;font-size:28px;letter-spacing:-.6px}.download p{color:#d4dcfc;margin:0}.button{display:inline-block;background:#fff;color:#182c75;padding:13px 22px;border-radius:9px;font-weight:750;text-decoration:none;white-space:nowrap}.downloadlinks{display:flex;gap:12px;flex-wrap:wrap}.subtle{color:#d4dcfc;font-size:14px}footer{border-top:1px solid #dce1ec;padding:28px 0;color:#63708a;font-size:14px}.foot{display:flex;justify-content:space-between;gap:20px}.back{display:inline-block;margin:28px 0 0;color:#2846c6;text-decoration:none}.article{max-width:820px;margin:auto;padding:0 28px 70px}.article h1{font-size:clamp(34px,5vw,52px);letter-spacing:-1.5px}.article .intro{padding:25px 0}.article h2{font-size:22px;letter-spacing:-.5px;margin:30px 0 12px}.article p{margin:0 0 14px}.article .facts{background:#e9edfc;border-radius:12px;padding:18px}.article .body{background:white;border:1px solid #dce1ec;border-radius:18px;padding:32px}.article .note{background:#fff3df;padding:20px;border-radius:12px}.print{border:0;font:inherit;cursor:pointer;background:#2846c6;color:white;padding:10px 18px;border-radius:8px;margin-top:20px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.navlinks a:not(:last-child){display:none}.download{align-items:flex-start;flex-direction:column}}@media(max-width:580px){nav,.wrap{padding:0 20px}nav{min-height:74px}.brand{font-size:23px}.intro{padding-top:38px}h1{letter-spacing:-1.4px}.grid{grid-template-columns:1fr}.card{padding:22px}.sectionhead h2{font-size:24px}.download{padding:26px}.foot{flex-direction:column;gap:4px}.article .body{padding:22px}.article{padding:0 18px 45px}.navlinks{font-size:13px}}@media print{header,footer,.back,.print,.downloadlinks{display:none}body{background:white}.article{max-width:none}.article .body{border:0;padding:0}.article h1{font-size:30px}.article h2{break-after:avoid}}
/* Carnet de vacances — palette et rythme éditorial */
body{background:#f8f3e9;color:#303c31;font-family:"Trebuchet MS",system-ui,sans-serif}header{background:#f8f3e9;border-color:#d8d5c4}nav{min-height:84px}.logo{background:#3e573e;border-radius:9px 13px 10px 8px;transform:rotate(-5deg)}.brand{letter-spacing:-.7px}.brand>span:last-child{color:#65705e!important}.navlinks{font-size:15px}.navlinks a:hover{color:#a34831}.wrap,nav{max-width:1200px}.notebook-intro{position:relative;max-width:none;margin:34px 0 30px;padding:32px 34px 30px 46px;border-left:2px solid #bc644b;background:repeating-linear-gradient(transparent,transparent 31px,#e8e1d3 31px,#e8e1d3 32px);}.eyebrow{color:#81543c;font-size:13px;letter-spacing:1.5px}.intro h1{font-family:Georgia,serif;font-size:clamp(38px,4.7vw,58px);font-weight:500;letter-spacing:-2px;line-height:1.02;margin:16px 0}h1 em{color:#a64b35;font-style:italic}.lead{font-size:17px;color:#4f5d4a;line-height:1.6;margin:15px 0 0;max-width:660px}.margin-note{position:absolute;right:65px;top:110px;color:#7a5038;font:italic 23px/1.4 Georgia,serif;transform:rotate(-7deg);border-bottom:2px solid #c49a55;padding-bottom:8px}.bar{gap:10px;margin-bottom:40px}.pill{border-color:#c8ccba;background:transparent;color:#3e573e;border-radius:5px;padding:9px 18px}.pill:hover{background:#e6eadb;border-color:#3e573e;color:#304c34}.section{padding-bottom:46px}.sectionhead{border-bottom:1px solid #cacdbd;padding-bottom:14px;margin-bottom:22px;gap:12px}.sectionhead h2{font:500 30px/1.2 Georgia,serif;letter-spacing:-.7px}.symbol{background:none!important;color:#a54f36!important;width:32px;height:36px;font-size:28px;border-radius:0}.count{margin-left:auto;font-size:14px;color:#626e5d}.grid{gap:24px}.card{background:#fffcf6;border:1px solid #ded8c9;border-radius:8px;padding:23px;box-shadow:0 3px 0 #eae3d7;overflow:hidden;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:#89957c}.card h3{font:600 23px/1.2 Georgia,serif;letter-spacing:-.45px;margin-top:18px;color:#304a36}.card p{color:#596251;font-size:15px}.card .meta{font-size:14px;color:#646e5e}.card a{color:#98442e;font-size:15px;margin-top:20px}.free{color:#385137;background:#e9eddc;font-weight:600}.kicker{color:#6a715f}.card-image{width:calc(100% + 46px);height:170px;object-fit:cover;margin:-23px -23px 0;display:block;border-bottom:1px solid #e8dfcf}.card .kicker.with-image{justify-content:flex-end;margin-top:14px;margin-bottom:-2px}.download{background:#3e573e;border-radius:9px;padding:34px 38px;border-bottom:5px solid #2f4530}.download h2{font:500 32px/1.2 Georgia,serif}.download p{color:#e7eadc;font-size:16px}.button{color:#3e573e;background:#f8f1df;border-radius:5px;font-size:15px}.button:hover{background:#eaddbf}.foot{color:#697260}footer{border-color:#d8d5c4}.back{color:#955038}.article .intro{background:none}.article h1{font-family:Georgia,serif;font-weight:500;color:#3e573e}.article .facts{background:#e7eadc;border-radius:6px;color:#445740}.article .body{background:#fffcf6;border-color:#ded8c9;border-radius:8px}.article h2{font-family:Georgia,serif;color:#80503b}.print{background:#3e573e;border-radius:5px}.article-illustration{width:100%;max-height:320px;object-fit:cover;border-radius:6px;margin-bottom:24px}@media(max-width:950px){.margin-note{right:22px;top:120px;font-size:18px}.lead{max-width:520px}}@media(max-width:760px){.margin-note{display:none}.notebook-intro{padding:22px 24px;margin-top:26px}.intro h1{font-size:44px}.lead{font-size:16px}.card-image{height:180px}}@media(max-width:580px){.brand>span:last-child{display:none}.navlinks{font-size:14px}.notebook-intro{margin-bottom:23px}.intro h1{font-size:43px}.sectionhead h2{font-size:25px}.grid{gap:22px}.card-image{height:190px}.download{padding:26px}.download h2{font-size:28px}.article-illustration{max-height:220px}}@media print{.article-illustration{display:none}}