/* Prototype autonome. Ne pas charger tel quel dans le thème de production. */
:root{--ink:#163b42;--muted:#607379;--teal:#007f8c;--aqua:#00b5c9;--line:#dce7e8;--paper:#f5f8f7;--mint:#eaf5f0;--pink:#bb3c6b;--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer}svg{width:22px;height:22px;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #bd497a;outline-offset:3px}button{color:inherit}img{max-width:100%}.pe-preview{max-width:760px;margin:auto}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);background:white}.icon-button{background:none;border:0;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;text-decoration:none}.icon-button:hover{background:var(--paper)}.brand{text-decoration:none;line-height:1.12}.brand>span{font-size:23px;letter-spacing:-1.05px;font-weight:800;color:var(--teal)}.brand b{font-weight:800;color:var(--ink)}.brand i{font-style:normal;color:var(--pink)}.brand small{display:block;text-align:center;font-size:9px;letter-spacing:1.35px;color:var(--muted);margin-top:6px}.search-wrap{padding:16px 20px 0}.search-box{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:0 13px;min-height:48px;color:var(--teal)}input{min-width:0;width:100%;height:46px;border:0;background:transparent;color:var(--ink);outline-offset:0;font-size:14px}input::placeholder{color:#63787b}.breadcrumb{display:flex;gap:9px;align-items:center;padding:18px 20px 0;font-size:12px;color:var(--muted);flex-wrap:wrap}.breadcrumb a{text-decoration:none;min-height:24px;display:inline-flex;align-items:center}.intro{padding:22px 20px 18px}.eyebrow{display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:1.1px;font-weight:700;color:var(--teal)}.eyebrow span:not(.level){font-weight:400;color:var(--muted)}.level{background:var(--mint);color:#286447;padding:4px 8px;border-radius:5px;letter-spacing:.3px}h1,h2,p{margin:0}h1{font-size:34px;line-height:1.13;letter-spacing:-1.1px;margin:15px 0 12px;font-weight:750}h1>span{color:var(--teal)}.intro-sub{font-size:14px;line-height:1.55;color:var(--muted);max-width:360px}.filters{display:flex;gap:7px;padding:0 20px 20px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:white;border-radius:24px;padding:10px 12px;min-height:44px;font-size:12px}.chip.active{background:var(--ink);border-color:var(--ink);color:white}.resources{background:var(--paper);padding:19px 16px 22px;border-block:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.section-head h2{font-size:17px;letter-spacing:-.3px}.section-head>span{font-size:11px;color:var(--muted)}.resource-card{display:flex;position:relative;align-items:center;gap:13px;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:15px 12px;margin-bottom:10px;min-height:147px;box-shadow:0 2px 2px #163b4203}.card-image{width:70px;flex-shrink:0}.card-image img{display:block;width:70px;height:99px;object-fit:contain;border:1px solid #edf0ef;background:#fff}.card-content{flex:1;min-width:0;padding-right:12px}.card-content h2{font-size:15px;line-height:1.3;letter-spacing:-.1px;margin:6px 0}.card-content h2 a{text-decoration:none}.card-content h2 a:hover{text-decoration:underline}.card-content p{font-size:11px;color:var(--muted)}.correction{display:flex;align-items:center;gap:3px;font-size:10px;color:#36704b;margin-top:5px}.correction svg{width:12px;height:12px}.card-action{position:absolute;right:3px;bottom:4px;width:38px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--teal)}.card-action svg{width:18px}.wide{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;min-height:50px;border-radius:10px;font-size:14px;font-weight:700}.primary{background:var(--teal);border:1px solid var(--teal);color:#fff}.primary:hover{background:#006570}.primary svg{width:19px}.primary svg:last-child:not(:first-child){margin-left:auto}.secondary{background:white;color:var(--ink);border:1px solid var(--line);padding:12px;font-size:12px;margin-top:15px}.secondary svg{width:18px}.path-promo{margin:24px 20px;display:flex;align-items:flex-start;gap:12px;padding:18px 16px;background:#fff8e9;border:1px solid #f0e4c8;border-radius:12px}.square-icon{display:grid;place-items:center;background:#f6e8c5;border-radius:9px;width:38px;height:38px;flex-shrink:0;color:#785e27}.path-promo h2{font-size:16px;line-height:1.35}.path-promo p{font-size:13px;margin:7px 0 10px;color:#686653}.path-promo a{font-size:12px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:6px;min-height:30px}.path-promo svg{width:18px}.content-details{margin:24px 20px;border-block:1px solid var(--line);font-size:14px;padding:16px 0}.content-details summary{cursor:pointer;font-weight:700;min-height:34px}.content-details p{margin-top:14px;color:var(--muted)}.site-footer{padding:25px 20px 36px;font-size:12px}.site-footer strong{font-size:17px}.site-footer p{margin:8px 0}.site-footer a{display:inline-block;min-height:35px;color:var(--teal)}.site-footer small{display:block;color:var(--muted);font-size:10px;margin-top:16px}.resource-intro{padding-top:18px;padding-bottom:16px}.resource-intro h1{font-size:29px;line-height:1.15;margin:13px 0 7px;letter-spacing:-.8px}.subtitle{font-size:17px;color:var(--muted)}.resource-badges{display:flex;gap:8px;margin-top:14px;font-size:11px}.resource-badges span{background:var(--paper);padding:5px 8px;border-radius:6px;display:flex;align-items:center;gap:4px}.resource-badges span:last-child{color:#327248;background:var(--mint)}.resource-badges svg{width:13px;height:13px}.preview-block{margin:0 20px;background:#edf3f2;border-radius:14px;border:1px solid var(--line);overflow:hidden;background-image:radial-gradient(#bacfca 0.6px,transparent .6px);background-size:12px 12px}.preview-block>button{display:block;width:100%;height:230px;border:0;background:transparent;position:relative;padding:15px 50px 0;overflow:hidden}.preview-block img{height:263px;width:187px;object-fit:cover;object-position:top;box-shadow:0 5px 20px #143b421f;transform:rotate(-3deg);border:4px solid white}.zoom-label{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;background:white;border:1px solid var(--line);border-radius:20px;display:flex;align-items:center;gap:7px;padding:8px 13px;font-size:11px;box-shadow:0 3px 10px #163b4214}.zoom-label svg{width:15px;height:15px}.quick-action{padding:16px 20px 18px}.quick-action .primary{padding:12px 16px}.quick-action p{text-align:center;font-size:10px;color:var(--muted);margin-top:8px}.learning{padding:22px 20px;border-top:1px solid var(--line)}.learning h2{font-size:19px;letter-spacing:-.4px;margin-bottom:12px}.learning ul{padding-left:19px;color:var(--muted);font-size:13px;line-height:1.65;margin:0}.learning .eyebrow{margin-bottom:8px}.file-section{background:var(--paper);border-block:1px solid var(--line);padding:22px 20px}.access-note{font-size:12px;color:var(--muted);margin-bottom:16px}.file-row{display:flex;gap:10px;align-items:center;text-decoration:none;background:white;border:1px solid var(--line);padding:15px 12px;border-radius:10px;margin-top:8px}.file-row>span:nth-child(2){flex:1}.file-row strong{display:block;font-size:13px}.file-row small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.file-row>svg{width:18px;color:var(--teal)}.file-tag{font-size:9px;font-weight:700;background:#ffeded;color:#a14141;border-radius:6px;padding:9px 6px;min-width:37px;text-align:center}.file-tag.green{background:var(--mint);color:#36704b}.file-tag.blue{background:#e8f1fc;color:#38648d}.account-link{display:block;font-size:12px;color:var(--teal);padding-top:18px;min-height:40px}.muted{font-size:13px;color:var(--muted)}.step{display:flex;align-items:center;gap:12px;min-height:78px;border-bottom:1px solid var(--line);text-decoration:none}.step>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:12px}.step>div{flex:1}.step strong{font-size:14px;display:block}.step small{font-size:11px;color:var(--muted)}.step>svg{width:18px}.step.current>span{background:var(--teal);border-color:var(--teal);color:white}.step.current{color:var(--teal)}.sticky-action{display:none;position:fixed;z-index:5;bottom:0;left:0;right:0;max-width:760px;margin:auto;background:#fff;padding:10px 20px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);box-shadow:0 -4px 20px #163b4209}.sticky-action.is-visible{display:block}.resource-page .site-footer{padding-bottom:110px}dialog{width:calc(100% - 24px);max-width:560px;max-height:90dvh;border:1px solid var(--line);border-radius:16px;padding:18px;color:var(--ink)}dialog::backdrop{background:#153c426b;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.dialog-head strong{font-size:16px}.menu-links a{display:flex;align-items:center;justify-content:space-between;padding:15px 0;text-decoration:none;border-top:1px solid var(--line);font-size:14px}.full-sheet{width:100%;display:block}dialog>p{font-size:12px;margin-top:10px}.skip{position:absolute;left:10px;top:-100px;z-index:20;background:white;padding:10px}.skip:focus{top:10px}[hidden]{display:none!important}#empty-state{padding:20px 0;font-size:14px}@media(min-width:600px){#resource-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.resource-card{margin:0}.intro h1{max-width:500px}.preview-block>button{height:290px}.preview-block img{height:325px;width:230px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.category-page h1{font-size:28px;line-height:1.15}.card-action{width:44px;height:44px}

/* V2 : codes visuels du site actuel, disposition mobile simplifiée. */
:root{--ink:#333;--muted:#62676a;--teal:#008497;--aqua:#00bbd3;--line:#cbdde2;--paper:#f0f8f9;--mint:#edf6ed;--pink:#e81d62;--radius:2px}
body{font-family:FreeSans,Roboto,Arial,sans-serif;color:#333}
.site-header{height:78px;display:grid;grid-template-columns:1fr auto;grid-template-rows:42px 34px;padding:0 12px;border-bottom:2px solid #00bbd3;gap:0 10px}
.brand{line-height:1;font-size:16px;letter-spacing:-.55px;font-weight:700;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.brand>span{font-size:16px;letter-spacing:-.55px;font-weight:700}
.brand .pe-brand-blue,.pe-brand-blue{color:#00bbd3}.brand .pe-brand-green,.pe-brand-green{color:#4bae4f}.brand .pe-brand-orange,.pe-brand-orange{color:#ff8c00}.brand .pe-brand-red,.pe-brand-red{color:#f34235}
.signup{display:flex;align-items:center;justify-content:center;min-height:36px;padding:0 10px;background:#4bae4f;color:#fff;text-decoration:none;font-size:12px;font-weight:700;border-radius:2px}
.menu-toggle{grid-column:2;justify-self:end;display:flex;gap:7px;align-items:center;border:0;background:white;color:#e81d62;text-transform:uppercase;font-size:14px;min-height:34px;padding:0 0 0 10px}.menu-toggle svg{width:22px;height:22px}
.search-wrap{padding:12px 12px 0;display:flex;flex-direction:column}.search-label{background:#00bbd3;color:#003c45;font-size:13px;padding:6px 10px;font-weight:700}.search-box{min-height:43px;background:white;border-radius:0;border-color:#9ad6df;padding:0 10px}.search-box input{height:43px;font-size:14px}
.breadcrumb{padding:12px 12px 0;font-size:12px;gap:7px}.breadcrumb a{color:#00798b}
.intro{padding:10px 12px 15px}.category-page h1,.resource-intro h1{font-size:22px;line-height:1.28;letter-spacing:0;font-weight:400;margin:0 0 10px}.intro-sub{font-size:13px;color:#555}.eyebrow{font-size:11px;letter-spacing:0;color:#555}.eyebrow span:not(.level){color:#666}.filters{gap:6px;padding:0 12px 15px}.chip{border-radius:2px;min-height:44px;padding:9px 11px;font-size:12px;border-color:#acd1da;background:#def0fc}.chip.active{background:#00bbd3;border-color:#00bbd3;color:#003c45;font-weight:700}
.resources{padding:0 12px 18px;background:white;border:0}.resources>.section-head{margin:0;background:#00bbd3;color:#003c45;padding:9px 10px;align-items:flex-start;flex-direction:column;gap:2px}.resources>.section-head h2{font-size:14px;letter-spacing:0}.resources>.section-head>span{color:#004652;font-size:11px}
.resource-card{display:grid;grid-template-columns:68px 1fr;align-items:start;gap:5px 12px;background:#f0f8f9;border:0;border-bottom:1px solid #cbdde2;border-radius:0;padding:14px 10px;margin:0;box-shadow:none;min-height:174px}.card-image{width:68px;grid-row:1/3;align-self:center}.card-image img{width:68px;height:102px;border:1px solid #cbdde2}.card-content{padding-right:0}.card-content h2{font-size:17px;line-height:1.28;font-weight:400;margin:4px 0 6px;letter-spacing:0}.card-content h2 a{color:#008093}.card-content p{font-size:11px}.correction{font-size:11px;color:#357337;margin-top:5px}.card-action{position:static;grid-column:2;justify-self:end;min-width:96px;width:auto;height:36px;min-height:36px;padding:0 12px;background:#00bbd3;color:#003c45;font-size:12px;text-decoration:none;border-radius:2px;font-weight:700}
.wide{border-radius:2px}.primary{background:#00bbd3;border-color:#00bbd3;color:#003c45;font-weight:700}.primary:hover{background:#02acc3;border-color:#02acc3;color:#002c33}.secondary{border-color:#9dcdd8;border-radius:2px;background:#def0fc;color:#24505b}.path-promo{margin:20px 12px;padding:14px 12px;background:#def0fc;border:1px solid #b7d1dc;border-radius:0;box-shadow:none}.path-promo h2{font-size:16px}.path-promo p{color:#333}.square-icon{background:#00bbd3;color:#003c45;border-radius:0}.path-promo a{color:#00798b}
.resource-intro{padding-top:12px;padding-bottom:12px}.resource-badges{margin-top:10px;gap:8px}.resource-badges span{border-radius:0;background:#def0fc;color:#333;font-size:12px;padding:4px 7px}.resource-badges span:last-child{background:#edf6ed;color:#357337}.preview-block{margin:0 12px;border:1px solid #cbdde2;border-radius:0;background:#f0f8f9;background-image:none}.preview-block>button{height:183px;padding:10px 40px 0}.preview-block img{height:239px;width:170px;transform:none;box-shadow:none;border:1px solid #cbdde2}.zoom-label{border-radius:2px;bottom:9px;border-color:#9bcbd5;color:#00798b;box-shadow:none;padding:7px 10px;font-size:12px}.quick-action{padding:12px 12px 16px}.quick-action p{font-size:11px}.quick-action .primary{font-size:15px;min-height:48px}.quick-action .primary svg:last-child:not(:first-child){margin-left:0}.learning{padding:18px 12px}.learning h2{font-size:19px;letter-spacing:0;font-weight:400}.learning ul{font-size:14px}.file-section{padding:18px 12px;background:#f0f8f9}.file-section .section-head{align-items:flex-start;flex-direction:column;gap:4px}.file-section .section-head h2{font-size:19px;font-weight:400;letter-spacing:0}.file-row{border-radius:2px;padding:14px 10px}.file-tag{border-radius:2px}.file-row strong{font-size:14px}.file-row small{font-size:12px}.content-details{margin:20px 12px;padding:12px 0}.content-details summary{color:#00798b}.sticky-action{padding:8px 12px calc(8px + env(safe-area-inset-bottom));box-shadow:none}.sticky-action .primary{font-size:14px}.step>span{border-radius:2px}.step.current>span{background:#00bbd3;color:#003c45;border-color:#00bbd3}.site-footer{padding:22px 12px 32px;border-top:1px solid #cbdde2;background:white}.site-footer strong{font-size:16px;color:#333}dialog{border-radius:3px}.icon-button{border-radius:2px}.skip{color:#333}
@media(min-width:600px){.site-header{grid-template-columns:1fr auto auto;grid-template-rows:64px;height:66px}.menu-toggle{grid-column:3}.preview-block>button{height:260px}.preview-block img{height:320px;width:227px}.resource-card{margin:0}#resource-list{gap:0 12px}}

/* V3 : header commun, navigation cliquable et lecture plus hiérarchisée. */
.site-header{height:auto;display:block;padding:0 12px 12px;border-bottom:2px solid #00bbd3;background:#fff}
.header-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px}.brand{display:block;white-space:nowrap}.brand .brand-word{font-size:18px;letter-spacing:-.6px}.brand-word>span{font-size:inherit}.brand-word .pe-brand-blue{color:#00bbd3}.brand-word .pe-brand-green{color:#4bae4f}.brand-word .pe-brand-orange{color:#ff8c00}.brand-word .pe-brand-red{color:#f34235}.brand small{text-transform:none;letter-spacing:.25px;text-align:left;font-size:9px;color:#697276;margin-top:5px;font-weight:400}
.header-actions{display:flex;gap:8px;align-items:center}.header-control{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:44px;min-height:48px;padding:0;border:0;background:white;color:#4d5c62;font-size:10px;text-decoration:none;line-height:1.25;font-weight:400;text-transform:none}.header-control svg{width:21px;height:21px}.header-control.menu-toggle{color:#d61959;grid-column:auto;justify-self:auto}.header-control:hover{background:#f0f8f9}.header-bottom{display:flex;gap:8px;align-items:stretch}.header-search{display:flex;align-items:center;min-width:0;flex:1;border:1px solid #b9d9df;border-radius:3px;background:#f7fbfc;margin:0;padding:0 9px;color:#008497;min-height:44px}.header-search svg{width:18px;height:18px}.header-search input{height:42px;font-size:12px;padding:0 0 0 7px;min-width:0}.header-search input::placeholder{color:#60747a}.header-search button{display:grid;place-items:center;border:0;background:transparent;color:#008497;min-height:42px;min-width:32px;padding:0}.signup{font-size:11px;line-height:1.2;padding:0 10px;min-height:44px;flex-shrink:0;border-radius:3px}.breadcrumb{padding:8px 12px 0;display:block}.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none}.breadcrumb li{display:flex;align-items:center;min-width:0;line-height:1.3}.breadcrumb li+li::before{content:'›';color:#98a7ad;margin:0 6px;font-size:14px}.breadcrumb a{min-height:30px;display:inline-flex;align-items:center;text-decoration:underline;text-decoration-color:#a2cbd4;text-underline-offset:3px;font-size:11px;color:#00758a}.breadcrumb a:hover{text-decoration-color:#00758a}.breadcrumb svg{width:15px;height:15px}.breadcrumb [aria-current=page]{font-weight:700;color:#506168;font-size:11px}.breadcrumb span[aria-current]{min-height:30px;display:inline-flex;align-items:center}
.intro{padding:10px 12px 14px}.category-page h1,.resource-intro h1{font-size:21px;line-height:1.3;color:#333}.intro-sub{font-size:13px;line-height:1.55;color:#626c70}.resource-types{display:flex;margin:0 12px 14px;border-bottom:1px solid #cbdde2;gap:4px}.resource-types a{flex:1;text-align:center;display:flex;align-items:center;justify-content:center;min-height:43px;color:#53666c;text-decoration:none;font-size:13px;border-bottom:3px solid transparent;margin-bottom:-1px}.resource-types a[aria-current=page]{font-weight:700;color:#007a8c;border-color:#00bbd3;background:#f0f9fb}.resource-types a:hover{background:#f0f9fb}.filter-label{font-size:11px;font-weight:700;color:#626c70;margin:0 12px 7px}.filters{gap:6px;padding-bottom:18px}.chip{border-radius:4px;background:white;border-color:#c6dfe4;font-size:11px;min-height:38px;padding:8px 10px}.chip.active{background:#def0fc;border-color:#57b8c9;color:#00687a}.resources>.section-head{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;background:#fff;color:#333;padding:0 0 10px;border-bottom:2px solid #00bbd3;margin-bottom:0}.resources>.section-head h2{font-size:16px;font-weight:700}.resources>.section-head>span{font-size:10px;color:#65767b;white-space:nowrap}.resource-card{background:#f4fafb;padding:16px 10px;gap:5px 12px;min-height:176px}.resource-card:nth-child(even){background:white}.card-image img{height:104px;background:white}.card-content h2{font-size:17px;line-height:1.32;font-weight:500}.card-content .eyebrow{font-size:10px;color:#5e7075}.card-content p{font-size:11px;color:#596b70}.card-action{background:#00bbd3;min-height:40px;height:40px;padding:0 12px;display:flex;gap:9px;border-radius:3px}.card-action span{font-size:17px}.correction{font-size:11px;margin-top:6px}
.resource-intro{padding-bottom:14px}.resource-badges{gap:7px;margin-top:12px}.resource-badges span{border-radius:3px;font-size:11px;padding:5px 8px}.sheet-switch{display:flex;align-items:center;gap:0;margin:0 12px;border:1px solid #cbdde2;border-bottom:0;background:#fff}.sheet-switch button{border:0;border-bottom:2px solid transparent;background:white;color:#647278;min-height:40px;padding:0 11px;font-size:12px}.sheet-switch button[aria-pressed=true]{color:#00778c;border-color:#00bbd3;background:#f0f9fb;font-weight:700}.sheet-switch>span{margin-left:auto;padding:0 9px;font-size:10px;color:#78868b}.preview-block{background:#eff7f9;border-radius:0 0 3px 3px}.preview-block>button{height:181px}.preview-block img{width:162px;height:228px;box-shadow:0 2px 5px #3331}.zoom-label{background:white;border-radius:3px}.quick-action{padding:12px 12px 20px}.quick-action .primary{border-radius:3px}.quick-action p{font-size:11px;color:#66767b;line-height:1.5}.file-section{padding:18px 12px 22px;border-top:1px solid #d7e6ea;background:#f7fbfc}.file-section .section-head{flex-direction:row;align-items:center}.file-section .section-head h2{font-size:19px}.file-section .section-head>span{font-size:10px}.access-note{font-size:12px;line-height:1.55}.file-row{border-radius:4px;padding:14px 11px}.file-row:hover{border-color:#00bbd3}.file-row strong{font-size:14px}.file-row small{font-size:11px}.file-tag{border-radius:3px}.account-link{font-size:12px;text-underline-offset:3px}.learning h2{font-size:18px;font-weight:500}.learning ul{font-size:13px}.path-promo{border-radius:3px}.content-details summary{font-weight:500}.step strong{font-size:14px}.step small{font-size:12px}.menu-links a{font-size:14px;min-height:48px}.header-search:focus-within{outline:2px solid #008497;outline-offset:1px}
@media(min-width:600px){.header-top{min-height:66px}.header-bottom{padding-bottom:2px}.header-search input{font-size:14px}.signup{font-size:12px}.preview-block>button{height:250px}.preview-block img{height:310px;width:220px}}
@media(max-width:350px){.brand .brand-word{font-size:16px}.header-actions{gap:2px}.signup{font-size:10px;padding:0 7px}.header-search input{font-size:11px}.sheet-switch>span{font-size:9px;padding:0 5px}.sheet-switch button{padding:0 9px}.resources>.section-head h2{font-size:15px}}

/* V4 : priorité aux fiches, actions compactes et footer utile. */
.category-page .intro{padding-bottom:10px}.category-page .resource-types{margin-bottom:14px}.resources>.section-head{align-items:center;position:relative;padding-bottom:9px}.resources>.section-head>div{min-width:0}.resources>.section-head h2{margin-bottom:3px}.resources #result-count{font-size:10px;color:#68797f;display:block}.filter-popover{position:relative;flex-shrink:0}.filter-popover summary{list-style:none;display:flex;gap:6px;align-items:center;min-height:40px;cursor:pointer;padding:0 9px;border:1px solid #bad8df;border-radius:4px;color:#00778b;font-size:12px;background:white}.filter-popover summary::-webkit-details-marker{display:none}.filter-popover summary svg{width:16px;height:16px}.filter-count{display:grid;place-items:center;background:#00778b;color:white;border-radius:10px;min-width:17px;height:17px;font-size:10px}.filter-popover[open] summary{background:#def0fc}.filter-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:8;width:280px;max-width:calc(100vw - 35px);background:#fff;border:1px solid #bad8df;border-radius:4px;padding:14px;box-shadow:0 4px 14px #31576026}.filter-panel p{font-size:12px;color:#566e75;font-weight:700;margin-bottom:10px}.filter-panel .filters{padding:0;gap:7px}.filter-panel .chip{min-height:40px}.resource-card{grid-template-columns:52px minmax(0,1fr) 58px;align-items:center;gap:10px;min-height:0;padding:14px 9px}.card-image{grid-row:auto;width:52px;align-self:center}.card-image img{width:52px;height:77px}.card-content h2{font-size:16px;line-height:1.28;margin:0 0 7px}.card-content p{font-size:11px;line-height:1.4}.correction{font-size:10px;margin-top:5px;line-height:1.4}.card-action{grid-column:3;grid-row:1;align-self:center;justify-self:stretch;width:58px;min-width:0;min-height:44px;height:auto;padding:8px 6px;line-height:1.2;font-size:11px;text-align:center;white-space:normal;display:flex;align-items:center;justify-content:center}.resources .secondary{margin-top:14px}
.site-footer{padding:22px 16px 20px;background:#f0f8fa;border-top:3px solid #00bbd3;margin-top:26px}.resource-page .site-footer{padding-bottom:20px}.footer-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.footer-brand{display:block!important;min-height:0!important;margin:0;text-decoration:none;font-size:16px;text-transform:uppercase;letter-spacing:-.5px;font-weight:700;white-space:nowrap}.site-footer .back-top{display:flex;gap:6px;align-items:center;min-height:36px;font-size:10px;color:#526e77;text-decoration:none;white-space:nowrap}.back-top span{font-size:18px}.site-footer .footer-intro{font-size:13px;line-height:1.6;color:#62777e;margin:12px 0 21px}.footer-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-columns h2{font-size:13px;font-weight:700;margin:0 0 7px;color:#334b53}.footer-columns a{display:flex;align-items:center;font-size:12px;text-decoration:none;min-height:36px;color:#006f81;line-height:1.35}.footer-columns a:hover,.footer-legal a:hover{text-decoration:underline}.footer-more{margin-top:17px;border-block:1px solid #ccdee4}.footer-more summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-size:12px;color:#49616a;list-style:none}.footer-more summary::-webkit-details-marker{display:none}.footer-more summary::after{content:'+';font-size:20px;color:#007a8d}.footer-more[open] summary::after{content:'−'}.footer-more nav{padding-bottom:12px}.footer-more a{display:flex;align-items:center;min-height:36px;font-size:12px;text-decoration:none;line-height:1.4;padding:6px 0}.footer-help{display:flex;flex-direction:column;gap:3px;margin:17px 0 9px;font-size:12px;color:#596f77}.footer-help a{display:flex;align-items:center;gap:8px;min-height:36px;text-decoration:none;font-size:12px;font-weight:700}.footer-legal{display:flex;flex-wrap:wrap;column-gap:18px;border-top:1px solid #ccdee4;padding-top:12px}.footer-legal a{font-size:10px;min-height:30px;text-decoration:none;color:#61747b;display:flex;align-items:center}.site-footer .copyright{font-size:9px;color:#77878c;line-height:1.6;margin:6px 0 0}.demo-note{padding:12px 16px;font-size:10px;color:#78868c;line-height:1.6}.resource-page .demo-note{padding-bottom:100px}@media(max-width:350px){.resource-card{grid-template-columns:43px minmax(0,1fr) 54px;gap:8px;padding:13px 7px}.card-image,.card-image img{width:43px}.card-image img{height:64px}.card-action{width:54px}.card-content h2{font-size:15px}.footer-brand{font-size:14px}.site-footer{padding-inline:12px}.footer-columns{gap:12px}}

/* V5 — Menu mobile, organisation et couleurs de la navigation actuelle. */
html:has(#menu-dialog[open]){overflow:hidden}
#menu-dialog.navigation-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(100%,410px);height:100dvh;max-height:100dvh;max-width:410px;border:0;border-radius:0;padding:0;background:#fff;color:#333;overflow:auto;overscroll-behavior:contain}
#menu-dialog::backdrop{background:#19394180;backdrop-filter:blur(2px)}
.drawer-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;background:white;border-top:4px solid #00bbd3;border-bottom:1px solid #d7e5e9;padding:16px 16px 13px}
.drawer-brand{text-transform:uppercase;font-size:21px;font-weight:700;letter-spacing:-.7px;line-height:1.15}.drawer-head h2{font-size:12px;font-weight:400;color:#6a767c;margin-top:7px}.drawer-head .icon-button{border:1px solid #e4dce0;border-radius:3px;color:#d61959;background:#fff5f8}
.drawer-body{padding:0 16px calc(18px + env(safe-area-inset-bottom))}.menu-account{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:15px 0 20px}.menu-account a{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #c8e1e7;text-decoration:none;text-align:center;padding:7px;font-size:12px;color:#007387;border-radius:3px}.menu-account .menu-signup{background:#4bae4f;border-color:#4bae4f;color:white}
.drawer-body h3{font-size:14px;margin:0 0 10px;font-weight:700}.menu-level{border:1px solid #dae5e8;border-left:3px solid var(--level-color);margin:7px 0;border-radius:3px;--level-color:#00a0ba}.level-orange{--level-color:#ff8c00}.level-green{--level-color:#4bae4f}.level-blue{--level-color:#00a9d0}.level-purple{--level-color:#a169b1}
.menu-level summary,.menu-secondary summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;min-height:47px;padding:10px 12px}.menu-level summary::-webkit-details-marker,.menu-secondary summary::-webkit-details-marker{display:none}.menu-level summary::after,.menu-secondary summary::after{content:'+';margin-left:auto;color:#63808b;font-size:19px;font-weight:400}.menu-level[open] summary::after,.menu-secondary details[open] summary::after{content:'−'}.menu-level summary>span{font-size:14px;font-weight:700}.menu-level summary small{font-size:10px;color:#79858a}.menu-level[open] summary{background:#f6fafb}.menu-level[open] summary small{display:none}
.class-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:6px 10px 12px}.class-grid a{min-height:43px;border:1px solid #d9e5e8;border-radius:3px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:13px;color:#44616a;background:#fff}.class-grid a:hover{border-color:var(--level-color);background:#f3f9f7}
.menu-context{padding:13px;margin:17px 0 22px;background:#def0fc;border:1px solid #c6e2f1;border-radius:3px}.menu-context>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.menu-context strong{font-size:13px;color:#235363}.menu-context span{font-size:9px;color:#607c89}.menu-context-links{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:10px}.menu-context-links a{display:flex;align-items:center;justify-content:center;min-height:39px;background:white;border:1px solid #bfdce7;text-decoration:none;font-size:11px;border-radius:3px;color:#007389}
.universe-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.universe-grid>a{display:flex;gap:9px;align-items:center;min-height:75px;padding:10px 8px;text-decoration:none;border:1px solid #e1e8e8;border-radius:3px;background:#fcfefe;font-size:12px;line-height:1.35}.universe-grid small{display:block;font-size:9px;color:#788389;margin-top:4px}.universe-symbol{display:grid;place-items:center;width:27px;height:31px;flex-shrink:0;background:#eef7e8;color:#4d8b34;border-radius:3px;font-size:21px}.universe-grid>a:nth-child(2) .universe-symbol{background:#fff3e3;color:#c8842a}.universe-grid>a:nth-child(3) .universe-symbol{background:#fbedf2;color:#b84670;font-size:16px}.universe-grid>a:nth-child(4) .universe-symbol{background:#e6f5fa;color:#0087a5}
.menu-support{display:flex;align-items:center;justify-content:space-between;min-height:47px;padding:10px 12px;border:1px solid #dbe7e9;margin:8px 0 18px;text-decoration:none;font-size:13px;color:#39717e;background:#f3fafb;border-radius:3px}.menu-secondary{border-top:1px solid #e0e7e9}.menu-secondary>details,.menu-secondary>a{border-bottom:1px solid #e0e7e9}.menu-secondary summary{padding:10px 0;font-size:13px}.menu-secondary a{display:flex;align-items:center;min-height:43px;text-decoration:none;font-size:12px;color:#426671}.menu-secondary details a{padding-left:12px}.menu-contact{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.menu-contact a{display:flex;align-items:center;min-height:40px;text-decoration:none;font-size:11px;color:#62727a}
@media(max-width:350px){.drawer-body{padding-inline:12px}.drawer-head{padding-inline:12px}.menu-level summary small{font-size:9px}.menu-context span{font-size:8px}.universe-grid>a{gap:6px;font-size:11px}.universe-grid small{font-size:8px}}

/* V6: useful resource summaries, crawlable pagination, existing content indexes. */
.card-content .card-excerpt{font-size:12px;line-height:1.45;color:#68767c;margin:0;overflow-wrap:break-word}.card-content h2{margin-bottom:6px}.resource-card{padding-block:12px}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:17px;padding-top:3px}.pagination>div{display:flex;gap:6px}.pagination a,.pagination span{display:flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none;font-size:12px;border-radius:3px}.pagination a{background:#fff;border:1px solid #c8dde4;color:#006f82}.pagination a:hover{background:#edf8fa}.page-number{min-width:40px}.pagination [aria-current]{background:#00bbd3;color:#003c45;border:1px solid #00bbd3;font-weight:700}.page-direction{padding:8px 10px}.pagination .disabled{color:#899398;background:#eef3f5;border:1px solid #e1e9ec}
.contents-nav{margin:22px 16px 0;padding:19px 0 0;border-top:1px solid #d4e2e7;scroll-margin-top:14px}.contents-nav h2{font-size:18px;font-weight:400;color:#333;margin:0}.contents-nav>p{font-size:12px;line-height:1.5;color:#69787e;margin:6px 0 13px}.contents-nav>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.contents-nav a{min-height:48px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:9px;background:#def0fc;border:1px solid #c5e1ee;border-radius:3px;color:#007284;text-decoration:none;font-size:12px;line-height:1.35}.contents-nav a:hover{background:#cbeaf7}.contents-nav a>span:last-child{font-size:17px}.contents-nav+.site-footer{margin-top:22px}
@media(max-width:350px){.page-direction{padding-inline:7px}.pagination{gap:5px}.page-number{min-width:34px}.pagination>div{gap:4px}.card-content .card-excerpt{font-size:11px}.contents-nav a{padding-inline:9px;font-size:11px}}

/* V9: common header spacing and alignment on mobile. */
.site-header{padding-inline:16px}
.header-top{gap:10px;min-height:64px}
.header-actions{gap:4px}
.header-control{min-width:42px;min-height:46px;gap:3px}
.header-bottom{gap:10px}
.header-search{padding-inline:8px;background:#f8fbfc}
.header-search input{padding-left:4px}
.signup{padding-inline:12px}
@media(max-width:350px){.site-header{padding-inline:12px}.header-bottom{gap:7px}.signup{padding-inline:8px}.header-actions{gap:0}.header-control{min-width:39px}}