/* Interface de la maquette validée. Les routes et le contenu restent ceux du guide. */
:root {
  color-scheme: light;
  --ivory:#fffaf8; --paper:#fffdfc; --rose:#d98594; --rose-deep:#c95f78;
  --rose-light:#f8e9e8; --sage:#b8c7b0; --sage-dark:#426b5e;
  --navy:#173f5b; --slate:#718195; --line:#eadbd7;
  --shadow:0 17px 42px rgba(93,61,67,.075);
  --serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --botanical-left:url('./design/botanical-left.png');
  --botanical-right:url('./design/botanical-right.png');
  --nav-bottom:max(12px,var(--safe-bottom));
}
html { min-height:100%; background:var(--ivory); }
body {
  position:relative; isolation:isolate; min-height:100vh; margin:0; overflow-x:hidden;
  color:var(--slate); font-family:var(--sans); font-size:17px; line-height:1.65;
  background:radial-gradient(ellipse at 1% 68%,rgba(249,222,218,.54) 0 6%,transparent 18%),radial-gradient(ellipse at 100% 18%,rgba(249,226,224,.38) 0 7%,transparent 18%),linear-gradient(110deg,#fffaf8,#fffefd 50%,#fff9f7);
}
.botanical {position:fixed;z-index:-1;width:min(36vw,560px);height:min(100vh,820px);pointer-events:none;background-repeat:no-repeat;background-size:contain;opacity:.69;}
.botanical.left {left:-20px;top:0;background-image:var(--botanical-left);background-position:left top;}
.botanical.right {right:-20px;bottom:0;background-image:var(--botanical-right);background-position:right bottom;}
.wash {position:fixed;z-index:-2;width:310px;height:310px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(250,222,218,.55),rgba(250,222,218,0) 70%);}
.wash.left {left:-145px;bottom:9%;}
.wash.right {right:-136px;top:-5%;width:375px;height:375px;opacity:.58;}
.brand {display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px max(28px,var(--safe-right)) 0 max(28px,var(--safe-left));color:var(--navy);}
.brand a {display:block;}
.brand-logo-window {display:block;width:min(370px,78vw);height:89px;overflow:hidden;}
.brand img {display:block;width:100%;max-width:100%;height:auto;}
.slogan {margin:8px 0 0;color:var(--rose-deep);font-family:"Segoe Print","Bradley Hand","URW Chancery L",cursive;font-size:clamp(18px,2.1vw,25px);font-style:italic;letter-spacing:-.03em;line-height:normal;text-align:center;}
main {max-width:1076px;min-height:0;margin:0 auto;padding:42px max(28px,var(--safe-right)) 0 max(28px,var(--safe-left));}
h1,h2,h3 {color:var(--navy);}
h1 {font-family:var(--serif);font-size:clamp(39px,4.5vw,58px);font-weight:500;letter-spacing:-.052em;line-height:1.08;}
h1 em {color:var(--rose-deep);font-weight:600;}
.eyebrow {color:#6d8194;font-size:14px;font-weight:650;letter-spacing:.115em;}
.welcome {width:min(100%,800px);margin:auto;padding:0;text-align:center;}
.welcome .eyebrow {margin:0 0 9px;}
.welcome h1 {font-family:var(--serif);font-size:clamp(39px,4.5vw,58px);font-weight:500;letter-spacing:-.052em;line-height:1.08;margin:0;}
.welcome>p {margin:17px 0 0;color:#778698;font-size:clamp(16px,1.5vw,19px);line-height:1.5;}
.desktop-break {display:initial;}
.home-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px;margin:20px auto 0;}
.action-card {position:relative;display:flex;min-height:278px;flex-direction:column;align-items:flex-start;overflow:hidden;padding:24px 34px 22px;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);}
.primary-card,.primary-card:hover {border-color:rgba(205,130,145,.42);color:#fffafa;background:linear-gradient(125deg,#d9919d 0%,#d38996 55%,#d9939d 100%);box-shadow:var(--shadow);}
.guide-card {color:var(--navy);background:rgba(255,253,251,.88);}
.card-icon {display:grid;width:64px;height:64px;place-items:center;border-radius:50%;margin:0;}
.primary-card .card-icon {color:white;background:rgba(255,238,238,.25);}
.guide-card .card-icon {color:#427262;background:rgba(184,199,176,.5);}
.card-icon svg {width:33px;height:33px;}
.action-card>div,.card-icon,.card-cta {position:relative;z-index:1;}
.action-card h2 {margin:8px 0 6px;font-family:var(--serif);font-size:clamp(25px,2.2vw,32px);font-weight:650;letter-spacing:-.025em;line-height:1.15;color:inherit;}
.action-card p {max-width:370px;margin:0;font-size:clamp(16px,1.45vw,19px);line-height:1.48;}
.primary-card p {color:rgba(255,255,255,.95);}
.guide-card p {color:#748398;}
.card-cta {display:inline-flex;min-height:47px;align-items:center;gap:13px;margin-top:15px;padding:0 24px;border:0;border-radius:999px;color:#bb3e5d;background:#fffdfb;font:650 16px var(--sans);white-space:normal;max-width:100%;}
.card-cta::after {content:'→';font-size:22px;font-weight:400;}
.guide-card .card-cta {border:0;color:#376c5b;background:rgba(184,199,176,.57);}
.action-card::after {content:'';position:absolute;right:1px;bottom:0;width:135px;height:205px;background:var(--botanical-left) left center/auto 205px no-repeat;opacity:.20;pointer-events:none;}
.guide-card::after {right:5px;width:120px;height:188px;background:var(--botanical-right) right center/auto 188px no-repeat;}
.home-note {margin:17px 0 0;color:#778698;text-align:center;font-size:15px;line-height:normal;}
.app-footer {max-width:1076px;margin:10px auto 0;font-size:13px;color:var(--sage-dark);padding:0 max(28px,var(--safe-right)) calc(var(--nav-height) + var(--nav-bottom) + 28px) max(28px,var(--safe-left));}
.navigation {left:var(--safe-left);right:var(--safe-right);bottom:var(--nav-bottom);transform:none;margin-inline:auto;width:calc(100% - var(--safe-left) - var(--safe-right) - 32px);max-width:584px;min-height:78px;gap:0;padding:5px 9px;border:1px solid rgba(230,213,210,.94);border-radius:28px;background:rgba(255,253,252,.94);box-shadow:0 10px 32px rgba(91,62,69,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);}
.navigation a {min-height:63px;padding:5px 2px;gap:3px;border-radius:21px;color:#768391;font-size:12px;line-height:1.15;}
.navigation a[aria-current] {color:#bf355e;background:#fbeaec;}
.navigation svg {width:26px;height:26px;}
.page-heading {margin:0 0 26px;}
.page-heading p,.results-heading p,.empty-state p {color:var(--slate);}
.page-heading h1 {margin-bottom:12px;}
.primary,.secondary,.save,.contents-return {border-radius:999px;}
.primary,.primary:hover {background:linear-gradient(125deg,#d9919d,#d38996);border-color:#d38996;color:var(--navy);}
.secondary,.secondary:hover {color:#376c5b;background:rgba(184,199,176,.35);border-color:#d0dcc8;}
.text-button,.read-label,.source-link {color:#ae4761;}
.back {color:var(--slate);}
.search-panel,.answer,.suggestion,.contents,.empty-state {background:rgba(255,253,251,.96);border-color:var(--line);border-radius:24px;box-shadow:var(--shadow);}
.search-panel textarea {color:var(--navy);background:var(--paper);border-color:#e3cbd0;border-radius:18px;}
.input-wrap svg {color:#c97e8b;}
.search-panel textarea::placeholder {color:#786d72;}
.privacy,.semantic-status {color:#786d72;}
.answer-meta {color:#786d72;}
.answer h2,.suggestion-title,.results-heading h2,.guide-section>h2,.empty-state h2 {font-family:var(--serif);color:var(--navy);font-weight:500;}
.answer-copy,.guide-note {color:#394b58;}
.guide-subheading {color:#ae4761;}
.answer-actions {border-color:var(--line);}
.save {color:#ae4761;background:var(--paper);border-color:#e3cbd0;}
.save.is-saved {background:var(--rose-light);}
.save.is-saved svg {fill:var(--rose-deep);}
.suggestion:hover {border-color:#d59ca7;box-shadow:var(--shadow);}
.contents a {border-color:var(--line);color:var(--navy);}
.contents summary {color:var(--navy);}
.empty-state>svg {color:var(--rose-deep);}
.contents-return {color:var(--navy);background:var(--paper);border-color:var(--line);box-shadow:var(--shadow);}
.toast {background:var(--navy);}
/* Ajustements propres à la lecture du guide. */
body[data-page="guide"] main {padding-top:24px;}
.guide-toolbar {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;}
.guide-toolbar .back {margin:0;}
.guide-download {min-height:44px;padding:8px 15px;font-size:14px;line-height:1.35;flex-shrink:0;}
body[data-page="guide"] .page-heading {margin-bottom:18px;}
.contents h2 {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:16px 22px;font-family:var(--sans);font-size:16px;font-weight:600;letter-spacing:0;line-height:1.5;}
.contents h2 span {font-size:13px;font-weight:400;color:#8a7580;white-space:nowrap;}
.contents h2:focus {outline:none;}
body[data-page="guide"] .contents {margin-bottom:12px;}
body[data-page="guide"] .contents>div {padding-bottom:12px;}
body[data-page="guide"] .contents a {padding-block:10px;}
.guide-download-note {text-align:center;margin:0 0 24px;font-size:13px;color:#7c747d;}
body[data-page="guide"] .guide-section {margin:32px 0;}
body[data-page="guide"] .guide-section>h2 {margin-bottom:20px;}
body[data-page="guide"] .answer {margin-bottom:20px;}
@media(max-width:560px){
 body[data-page="guide"] main {padding-top:20px;}
 .guide-toolbar {gap:8px;margin-bottom:12px;}
 .guide-download {padding-inline:12px;font-size:13px;}
 .contents h2 {padding:14px 16px;gap:8px;}
 .contents h2 span {font-size:12px;}
 .guide-download-note {margin-bottom:20px;}
 body[data-page="guide"] .guide-section {margin:26px 0;}
}
:focus-visible {outline-color:var(--sage-dark);}
@media(min-width:1500px){.brand{padding-top:23px;}main{padding-top:43px;}.action-card{min-height:280px;}}
@media(max-width:760px){
 .brand{padding-top:19px;}main{padding:34px max(19px,var(--safe-right)) 0 max(19px,var(--safe-left));}
 .botanical{width:min(42vw,460px);height:min(68vh,570px);opacity:.45;}.botanical.left{left:-42px;}.botanical.right{right:-40px;}
 .home-actions{max-width:530px;gap:15px;margin-top:21px;}.action-card{min-height:260px;padding:21px 23px;border-radius:21px;}
 .card-icon{width:56px;height:56px;}.card-icon svg{width:29px;height:29px;}.action-card h2{font-size:25px;}.action-card p{font-size:15px;}
 .card-cta{min-height:44px;gap:7px;padding:0 15px;font-size:14px;}
}
@media(max-width:560px){
 .brand{padding:16px max(18px,var(--safe-right)) 0 max(18px,var(--safe-left));}.brand-logo-window{width:min(350px,84vw);height:84px;}
 .slogan{margin-top:6px;font-size:18px;}main{padding:33px max(18px,var(--safe-right)) 0 max(18px,var(--safe-left));}
 .welcome .eyebrow{margin-bottom:7px;font-size:10px;letter-spacing:.1em;}.welcome h1{max-width:440px;margin:auto;font-size:clamp(35px,10vw,45px);line-height:1.06;}
 h1{font-size:clamp(32px,8vw,40px);}.welcome>p{margin-top:13px;font-size:15px;line-height:1.45;}
 .home-actions{width:min(100%,430px);grid-template-columns:1fr;gap:13px;margin-top:21px;}.action-card{min-height:226px;padding:18px 22px;}
 .card-icon{width:50px;height:50px;}.card-icon svg{width:27px;height:27px;}.action-card h2{margin-top:8px;font-size:26px;}.action-card p{max-width:300px;font-size:16px;}
 .card-cta{min-height:44px;margin-top:11px;padding:0 18px;font-size:14px;}.action-card::after{width:110px;height:166px;}
 .home-note{margin-top:13px;font-size:13px;}.navigation{--nav-bottom:max(8px,var(--safe-bottom));width:calc(100% - var(--safe-left) - var(--safe-right) - 20px);min-height:70px;padding:4px 5px;border-radius:23px;}
 .navigation a{min-height:58px;gap:2px;font-size:10px;}.navigation svg{width:23px;height:23px;}
 .botanical{width:min(66vw,370px);height:min(46vh,430px);opacity:.34;}.wash.left{left:-190px;}.wash.right{right:-205px;}
 .search-panel,.answer,.suggestion,.empty-state{border-radius:21px;}.app-footer{font-size:12px;}
}
@media(max-width:365px){.navigation a{font-size:9px;}.action-card{min-height:215px;}.action-card h2{font-size:24px;}.desktop-break{display:none;}}
@media(max-height:500px) and (orientation:landscape){.navigation a{flex-direction:row;min-height:44px;}.navigation{min-height:54px;}.navigation svg{width:21px;height:21px;}}
@media print{.botanical,.wash{display:none;}body{background:white;}}

/* Desktop navigation: touch devices keep their existing layout. */
@media screen and (min-width:1100px) and (hover:hover) and (pointer:fine) {
 body {display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,auto);grid-template-areas:"brand" "navigation" "content" "footer";align-content:start;}
 .brand {grid-area:brand;padding-top:8px;}
 .brand-logo-window {height:79px;}
 .brand img {transform:translateY(-10px);}
 .slogan {margin-top:0;}
 .navigation {
  grid-area:navigation;position:relative;left:auto;right:auto;bottom:auto;transform:none;
  width:calc(100% - 64px);max-width:820px;min-height:54px;margin:4px auto 0;padding:5px 9px;
 }
 .navigation a {flex-direction:row;gap:8px;min-height:44px;padding:8px 10px;font-size:13px;}
 .navigation svg {width:21px;height:21px;}
 main {grid-area:content;padding-top:10px;}
 body[data-page="guide"] main {padding-top:10px;}
 .app-footer {grid-area:footer;padding-bottom:24px;}
 .welcome .eyebrow {margin-bottom:6px;}
 .welcome>p {margin-top:12px;}
 .home-actions {margin-top:16px;}
 .page-heading {margin-bottom:20px;}
 .back {margin-bottom:10px;}
 html {scroll-padding-bottom:24px;}
}

/* Desktop search ergonomics: no rules apply to touch/mobile layouts. */
@media screen and (min-width:1100px) and (hover:hover) and (pointer:fine) {
 .navigation {margin-top:10px;}
 main {padding-top:8px;}
 body[data-page="question"] .back {margin-bottom:4px;}
 body[data-page="question"] .page-heading {margin:0 0 14px;}
 body[data-page="question"] .page-heading .eyebrow {margin-bottom:6px;}
 body[data-page="question"] .page-heading h1 {font-size:clamp(42px,6vh,52px);margin-bottom:8px;}
 body[data-page="question"] .page-heading p {margin-bottom:0;}
 body[data-page="question"] .search-panel {padding:20px 24px;margin-bottom:16px;}
 body[data-page="question"] .search-panel label {margin-bottom:8px;}
 body[data-page="question"] .search-panel textarea {height:clamp(96px,14vh,120px);min-height:96px;}
 body[data-page="question"] .search-panel .primary {min-height:48px;margin-top:10px;padding-block:10px;}
 body[data-page="question"] .privacy {margin-top:10px;}
 body[data-page="question"] .semantic-status {margin-top:6px;}
}
@media screen and (min-width:1100px) and (max-height:760px) and (hover:hover) and (pointer:fine) {
 body[data-page="question"] main {padding-top:4px;}
 body[data-page="question"] .page-heading {margin-bottom:10px;}
 body[data-page="question"] .page-heading h1 {font-size:42px;margin-bottom:6px;}
 body[data-page="question"] .page-heading .eyebrow {margin-bottom:4px;}
 body[data-page="question"] .search-panel {padding:16px 22px;}
 body[data-page="question"] .search-panel textarea {height:84px;min-height:80px;}
 body[data-page="question"] .search-panel .primary {margin-top:8px;}
 body[data-page="question"] .privacy {margin-top:8px;}
 body[data-page="question"] .semantic-status {margin-top:4px;}
}

/* Balanced desktop question header; other pages and touch layouts are unchanged. */
@media screen and (min-width:1100px) and (hover:hover) and (pointer:fine) {
 body[data-page="question"] .brand {padding-top:clamp(12px,2vh,20px);}
 body[data-page="question"] .slogan {margin-top:6px;}
 body[data-page="question"] .navigation {margin-top:12px;}
 body[data-page="question"] main {padding-top:14px;}
 body[data-page="question"] .back {display:block;width:max-content;margin:0 auto 6px max(0px,calc((100% - 700px)/2));}
 body[data-page="question"] .page-heading {margin-bottom:16px;}
}
@media screen and (min-width:1100px) and (max-height:760px) and (hover:hover) and (pointer:fine) {
 body[data-page="question"] main {padding-top:8px;}
 body[data-page="question"] .back {margin-bottom:4px;}
 body[data-page="question"] .page-heading {margin-bottom:12px;}
}
/* Hide only the document label; retain the cover content and its layout. */
.guide-note[data-answer="C0-T"] > .guide-subheading,
.answer[data-answer="C0-T"] > h2,
.suggestion[href="#reponse/C0-T"] .suggestion-title {visibility:hidden;}

/* Content typography shared by reading, search answers and saved answers. */
.answer h2,.suggestion-title {
 color:#b83f66;font-family:var(--serif);font-size:clamp(25px,2.5vw,30px);font-weight:500;line-height:1.35;
}
.answer-copy,.guide-note {color:var(--navy);}
.answer-copy .guide-subheading {
 color:var(--sage-dark);
 font-family:var(--sans);font-size:18px;font-weight:600;line-height:1.5;
}
.answer-copy .guide-subheading::before {
 content:"";display:inline-block;vertical-align:middle;margin-right:10px;width:4px;height:4px;border-radius:50%;background:currentColor;
}
.answer-copy .guide-tip {
 color:var(--navy);border-left:2px solid var(--sage-dark);padding-left:12px;
}
.answer-copy .guide-tip::before {content:none;}
.answer-copy p.guide-subheading strong {font-weight:inherit;}

/* Hide repeated chapter labels only inside question/answer cards, without a gap. */
.answer > .answer-meta,
.suggestion > .eyebrow {display:none;}

/* Retain this note in the stored guide, but remove its entire displayed block. */
.guide-note[data-answer="C1-N01"],
.answer[data-answer="C1-N01"] {display:none;}

/* Keep desktop navigation within reach while reading an isolated response. */
@media screen and (min-width:1100px) and (hover:hover) and (pointer:fine) {
 .navigation {position:sticky;top:8px;align-self:start;}
 html {scroll-padding-top:calc(var(--nav-height) + 24px);}
}
body[data-page="reponse"] .answer-actions [data-action="new"] {min-height:48px;}

/* Remove the two welcome descriptions and their unused space. */
.welcome > .eyebrow, .welcome > p {display:none;}


/* Shared alignment for the four main pages. */
body:is([data-page="accueil"],[data-page="question"],[data-page="guide"],[data-page="mes-reponses"]) .brand {
 padding-inline:max(18px,var(--safe-left),var(--safe-right));
}
.page-heading {width:100%;max-width:740px;margin-inline:auto;text-align:center;}
body[data-page="mes-reponses"] .empty-state,
body[data-page="mes-reponses"] main > .suggestions {width:100%;max-width:740px;margin-inline:auto;}
.guide-toolbar {width:100%;max-width:794px;margin-inline:auto;}
body[data-page="question"] main > .back {display:block;width:max-content;margin-left:max(0px,calc((100% - 700px)/2));}
body[data-page="mes-reponses"] main > .back {display:block;width:max-content;margin-left:max(0px,calc((100% - 740px)/2));}
@media screen and (min-width:1100px) and (hover:hover) and (pointer:fine) {
 body:is([data-page="accueil"],[data-page="question"],[data-page="guide"],[data-page="mes-reponses"]) .brand {padding-top:16px;}
 body:is([data-page="accueil"],[data-page="question"],[data-page="guide"],[data-page="mes-reponses"]) .slogan {margin-top:6px;}
 body:is([data-page="accueil"],[data-page="question"],[data-page="guide"],[data-page="mes-reponses"]) .navigation {margin:12px auto 0;}
 body:is([data-page="accueil"],[data-page="question"],[data-page="guide"],[data-page="mes-reponses"]) main {padding-top:20px;}
 body[data-page="accueil"] .home-actions {margin-top:24px;}
 body[data-page="question"] .page-heading {margin-inline:auto;}
}

/* A compact third entry, independent of the two existing home cards. */
.home-download {width:min(100%,430px);margin:20px auto 0;padding:24px;text-align:center;align-items:center;gap:12px;background:rgba(184,199,176,.57);}
.home-download .suggestion-title {color:var(--sage-dark);}
.home-download-description {color:var(--sage-dark);font-size:15px;line-height:1.6;overflow-wrap:anywhere;}
.home-download-cta {display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:44px;margin-top:4px;padding:11px 22px;border-radius:999px;background:var(--sage-dark);color:#fff;font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;}
.download-panel {max-width:740px;margin:0 auto;text-align:center;padding:12px 0 24px;}

/* Reading annexes reuse the guide palette and typography, without PDF page geometry. */
#anx .annex-note {margin:22px 0;padding:clamp(20px,4vw,32px);border:1px solid #ecdce3;border-radius:22px;background:#fffdfd;overflow-wrap:anywhere;}
#anx .annex-note > h3 {margin:0 0 22px;color:#b83f66;font-family:var(--serif);font-size:clamp(24px,2.5vw,30px);line-height:1.35;font-weight:500;}
#anx .annex-note .answer-copy {font-family:var(--sans);font-size:16px;line-height:1.8;}
#anx .annex-note .answer-copy p {margin:0 0 16px;}
#anx .annex-note .guide-subheading {margin:28px 0 10px;}
#anx .annex-note .source-note {font-size:13px;line-height:1.6;}
#anx .annex-note ul {padding-left:22px;margin:16px 0;}
#anx .annex-note li {padding-left:3px;margin:10px 0;}
#anx .annex-note .source-link {overflow-wrap:anywhere;}

/* Hide editorial annex labels only; preserve their existing layout footprint. */
.reading #anx > .eyebrow, [data-annex-imprint] {visibility:hidden;}

/* EMA references stay together, wrapping only between medicines on narrow screens. */
.ema-medication-links {display:flex;flex-wrap:wrap;align-items:baseline;gap:4px .6em;}
.ema-medication-item {display:inline-flex;align-items:baseline;gap:.6em;white-space:nowrap;}
.lt-contents .toc-rows .row[data-chapter="anx"] h2 {font-size:22pt;text-transform:none;}

/* En-tête LymThrive validé : centrage, sous-titre retiré, lotus original et états roses. */
.brand {position:relative;text-align:center;}
.brand::before {
 content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
 height:calc(100% - 4px);width:auto;max-width:220px;aspect-ratio:93/66;
 background:url('./design/lotus.png') center/contain no-repeat;
 opacity:.065;pointer-events:none;
}
.brand > a,.brand > .slogan {position:relative;z-index:1;}
.brand > a {margin-inline:auto;}
.brand .brand-logo-window {width:min(340px,78vw);height:auto;aspect-ratio:234/42;overflow:visible;margin-inline:auto;}
.brand .brand-logo-window img {display:block;width:100%;height:auto;max-width:100%;transform:none;}
.brand .slogan {width:max-content;max-width:100%;margin:10px auto 0;font-size:clamp(15px,3.8vw,25px);line-height:1.5;text-align:center;}
.navigation a {transition:background-color 200ms ease,color 200ms ease;-webkit-tap-highlight-color:rgba(191,53,94,.12);}
.navigation a:is(:active,:focus-visible,[aria-current="page"]) {background-color:#fbeaec;color:#bf355e;}
@media(hover:hover) and (pointer:fine) {
 .navigation a:hover {background-color:#fbeaec;color:#bf355e;}
}
@media(prefers-reduced-motion:reduce) {.navigation a {transition-duration:0ms;}}

/* Independent legal information; existing cards and guide content are unchanged. */
.legal-link-footer {margin:28px 0 0;text-align:center;font-size:14px;line-height:1.5;}
.legal-link-footer a {display:inline-flex;align-items:center;min-height:44px;padding:8px 6px;color:#ae4761;text-underline-offset:3px;}
.legal-link-footer a:is(:hover,:focus-visible) {text-decoration:underline;}
.legal-page {width:100%;max-width:740px;margin:0 auto;color:var(--navy);font-size:clamp(16px,1.5vw,17px);line-height:1.8;}
.legal-page .legal-return {display:inline-flex;align-items:center;min-height:44px;margin:0 0 22px;padding-left:0;}
.legal-page h1 {margin:0 0 30px;color:var(--rose-deep);font-size:clamp(27px,4vw,36px);line-height:1.3;letter-spacing:-.025em;text-align:center;}
.legal-page h2 {margin:30px 0 12px;color:var(--rose-deep);font-family:var(--sans);font-size:18px;font-weight:600;line-height:1.5;}
.legal-page p {margin:0 0 14px;}
.legal-page .legal-edition-field {margin-bottom:7px;}
.legal-email {color:inherit;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;}

/* Annotated practical callouts reuse the approved PDF panel palette and icons. */
.answer-copy .editorial-callout{position:relative;background:#f0f5ea;border-radius:16px;padding:18px 20px 18px 64px;margin:20px 0;color:var(--navy);}
.answer-copy .editorial-callout.tip{background:#fff0f4;}
.answer-copy .editorial-callout::before{content:"";position:absolute;left:50px;top:18px;bottom:18px;width:2px;background:var(--sage-dark);}
.answer-copy .editorial-callout.tip::before{left:14px;width:3px;border-radius:3px;background:#c95f78;}
.editorial-callout .callout-symbol{position:absolute;left:16px;top:18px;width:26px;height:28px;}
.editorial-callout.tip .callout-symbol{left:26px;}
.editorial-callout .callout-symbol .panel-icon{display:block;width:100%;height:100%;overflow:visible;}
.answer-copy .editorial-callout .guide-subheading{margin:0 0 8px;font-family:var(--sans);font-size:18px;font-weight:600;line-height:1.5;color:var(--sage-dark);}
.answer-copy .editorial-callout.tip .guide-subheading{color:var(--navy);}
.answer-copy .editorial-callout .guide-subheading::before{content:none;}
.answer-copy .editorial-callout p{margin:0;font-size:inherit;line-height:inherit;}