/* The approved Guide family: shared across public, account and download shells. */
.guide-release{--guide-gold:#e6ca88;--guide-teal:#a1d9d1;--family-radius:22px}
.guide-release h1,.guide-release h2,.guide-release h3{font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;letter-spacing:-.035em;font-weight:500}
.guide-release h1 em{color:var(--guide-gold);font-style:normal}
.guide-release .eyebrow{color:var(--guide-gold);line-height:1.7}
.guide-release .site-nav{border-bottom:1px solid var(--line);padding-block:20px;gap:20px}
.guide-release .brand img{width:42px;height:42px;object-fit:contain}
.guide-release .site-nav nav a[aria-current=page]{color:var(--guide-gold)}
.guide-release .button{min-height:46px;border-radius:999px;line-height:1.45;padding:13px 21px;gap:12px}
.guide-release .button.secondary{background:var(--panel);border-color:var(--line-bright)}
.guide-release .button.small{min-height:38px;padding:8px 15px}
.guide-release .text-link{line-height:1.7}
.guide-release .actions{gap:16px 24px}
.guide-release p{overflow-wrap:break-word}
.family-hero,.guide-release .organized-main>.family-hero:first-child{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:48px;max-width:1320px;width:100%;margin:0 auto;padding:66px 48px 54px}
.family-hero-copy{min-width:0;padding-block:12px}
.family-hero h1,.guide-release .organized-main>.family-hero:first-child h1{font-size:clamp(44px,5.2vw,72px);line-height:1.02;margin-bottom:25px;letter-spacing:-.045em}
.family-hero .lead{max-width:44ch;font-size:clamp(17px,1.55vw,20px);line-height:1.65}
.family-hero .fine{max-width:57ch;margin-top:22px;line-height:1.8}
.family-kicker{margin-bottom:20px;font-size:10px;letter-spacing:.18em}
.family-hero-art{min-width:0;margin:0;position:relative;background:var(--panel);border:1px solid var(--line-bright);border-radius:var(--family-radius);padding:9px;box-shadow:0 22px 65px var(--shadow)}
.family-hero-art picture,.family-hero-art img{display:block;width:100%;height:auto;object-fit:contain;border-radius:15px}
.family-hero-art figcaption{font-size:10px;color:var(--muted);letter-spacing:.04em;text-align:center;padding:10px 8px 3px}
.family-hero-art.family-app-preview{padding:10px}
.family-hero-art.family-app-preview img,.family-app-preview img{height:auto;object-fit:contain;aspect-ratio:auto}
.family-hero-art.account-guide-preview{max-width:340px;justify-self:center}
.family-hero-art.account-guide-preview img,.account-guide-preview img{max-width:300px;margin-inline:auto;height:auto;object-fit:contain}
.family-stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);padding-block:22px;gap:20px}
.family-stat-strip>div{display:flex;align-items:center;gap:16px;justify-content:center;min-width:0}
.family-stat-strip>div+div{border-left:1px solid var(--line)}
.family-stat-strip strong{font-family:Georgia,serif;font-size:38px;line-height:1;color:var(--guide-gold);font-weight:400}
.family-stat-strip span{font-size:12px;color:var(--muted);line-height:1.5;max-width:16ch}
.family-section{padding-block:62px}
.family-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}
.family-section-heading>div{min-width:0;max-width:760px}
.family-section-heading h2{font-size:clamp(33px,3.5vw,47px);line-height:1.12;margin-bottom:0}
.family-section-heading>p{max-width:37ch;margin:0;color:var(--muted);font-size:14px}
.family-paths,.release-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.family-path,.release-path{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:26px 23px;background:var(--panel);border:1px solid var(--line);border-radius:18px;text-decoration:none;color:var(--ink);transition:border-color .18s,box-shadow .18s}
.family-path:hover,.release-path:hover{border-color:var(--line-bright);color:var(--ink);box-shadow:0 10px 35px var(--shadow)}
.family-path .eyebrow,.release-path .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:18px}
.family-path h3,.release-path h3{font-size:27px;line-height:1.15;margin:0 0 16px}
.family-path p,.release-path p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.family-path-arrow{color:var(--guide-gold);font-size:24px;margin-top:auto;padding-top:20px}
.family-showcase{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:62px;align-items:center;padding-block:58px;border-block:1px solid var(--line)}
.family-showcase>div{min-width:0}
.family-showcase h2{font-size:clamp(35px,3.7vw,50px);line-height:1.1}
.family-showcase p:not(.eyebrow){color:var(--muted)}
.family-portrait{margin:0;min-width:0;border:1px solid var(--line-bright);border-radius:var(--family-radius);overflow:hidden;background:var(--panel)}
.family-portrait picture,.family-portrait img{display:block;width:100%;height:auto;object-fit:contain}
.family-showcase-screen{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px}
.family-showcase-screen .app-shot{padding:9px}
.family-mini-guides{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.family-mini-guides>a{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-decoration:none;padding-bottom:16px;transition:border-color .18s}
.family-mini-guides>a:hover{border-color:var(--guide-gold);color:var(--ink)}
.family-mini-guides picture,.family-mini-guides img{display:block;width:100%;height:auto;object-fit:contain}
.family-mini-guides span{font-family:Georgia,serif;font-size:20px;padding:13px 12px 2px}
.family-mini-guides small{font-size:10px;color:var(--muted);line-height:1.5;padding-inline:12px}
.family-note,.guide-scope-note{padding:20px 23px;border:1px solid var(--line);border-left:3px solid var(--guide-gold);border-radius:0 12px 12px 0;background:var(--panel);font-size:13px;color:var(--muted);line-height:1.8}
.family-note p:last-of-type,.family-note>p:last-child{margin-bottom:0}
.family-note .text-link{display:inline-block;margin-top:10px;font-size:13px}
.family-access{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;margin-block:60px 0;padding-block:38px;border-block:1px solid var(--line-bright);background:linear-gradient(90deg,var(--glow-violet),transparent)}
.family-access h2{font-size:clamp(32px,3vw,43px)}
.family-access p{max-width:72ch;color:var(--muted);font-size:14px}
.family-access .fine{font-size:12px;margin-bottom:0}
.family-access .actions{align-items:flex-start;flex-direction:column;margin:0}
.family-access-note{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:50px;padding-block:32px 42px;border-block:1px solid var(--line)}
.family-access-note h2{font-size:31px;line-height:1.2}
.family-access-note p{font-size:13px;color:var(--muted);line-height:1.8}
.family-access-note .family-note{margin:0;align-self:center}
.family-last{padding-block:50px 66px}
.family-last h2{font-size:clamp(30px,3vw,40px)}
.family-last>p{max-width:75ch;color:var(--muted)}
.family-account-note{border-top:1px solid var(--line)}
.family-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}
.family-feature-grid>article{border-top:1px solid var(--guide-gold);background:var(--panel);border-radius:0 0 13px 13px;padding:25px}
.family-feature-grid h3{font-size:25px;line-height:1.2}
.family-feature-grid p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}
.family-feature-grid~.fine{margin-top:20px}
.family-step-number{font-family:Georgia,serif;color:var(--guide-gold);font-size:31px;line-height:1;margin-bottom:23px}
.download-steps{grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin-block:26px;padding:0}
.guide-steps .family-path{margin:0;color:var(--ink)}
.guide-steps .family-note{margin-top:25px}
.guide-catalog{padding-block:40px 60px}
.guide-filter-box{background:var(--panel);border:1px solid var(--line-bright);padding:28px;border-radius:var(--family-radius)}
.guide-search-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:22px}
.guide-search-heading .eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:8px}
.guide-search-heading h2{font-size:31px;margin:0}
.guide-search-heading>p{font-size:13px;color:var(--muted);max-width:33ch;margin:0}
.guide-filter-box label{display:block;font-size:12px;font-weight:650;margin-bottom:8px}
.guide-search-row{display:flex;gap:14px;align-items:center}
.guide-search-row input{width:100%;min-width:0;height:48px}
.guide-search-row .button{flex-shrink:0}
.guide-category-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}
.guide-category-buttons button{min-height:44px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--raised);color:var(--ink);font-size:11px;font-weight:600;line-height:1.5}
.guide-category-buttons button[aria-pressed=true]{background:var(--guide-teal);color:var(--page);border-color:var(--guide-teal)}
.guide-category-buttons button:hover{border-color:var(--guide-gold)}
.guide-result-status{font-size:12px;font-weight:650;color:var(--muted);margin-block:22px}
.guide-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.guide-app-card{min-width:0;overflow:hidden;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 28px var(--shadow);scroll-margin-top:25px}
.guide-suite-card{border-color:var(--guide-gold)}
.guide-card-art{aspect-ratio:1260/1000;overflow:hidden;border-bottom:1px solid var(--line);background:var(--page)}
.guide-card-art picture,.guide-card-art img{display:block;width:100%;height:100%;object-fit:contain}
.guide-card-copy{display:flex;flex-direction:column;flex:1;min-width:0;padding:25px}
.guide-card-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}
.guide-card-copy .eyebrow{font-size:9px;line-height:1.7;margin:0;color:var(--guide-teal);letter-spacing:.1em}
.guide-card-number{font-family:Georgia,serif;color:var(--muted);font-size:13px}
.guide-card-copy h3{font-size:37px;line-height:1.1;margin:0 0 9px;overflow-wrap:anywhere}
.guide-card-copy .guide-subtitle{color:var(--guide-gold);font-size:13px;font-weight:600;line-height:1.5;margin:0 0 15px}
.guide-card-copy>p{font-size:12px;color:var(--muted);line-height:1.8}
.guide-card-highlights{padding-left:17px;margin:0 0 22px;color:var(--muted);font-size:11px;line-height:1.75}
.guide-card-highlights li{margin-block:7px;padding-left:2px}
.guide-card-copy .fine{font-size:10px}
.guide-card-note{padding-top:14px;border-top:1px solid var(--line);margin-bottom:23px}
.guide-card-actions{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:18px}
.guide-app-price{display:block;font-size:23px;line-height:1.25;font-weight:500}
.guide-edition{display:block;font-size:9px;color:var(--muted);margin-top:4px}
.guide-version{display:block;font-size:9px;color:var(--muted);margin-top:4px}
.guide-card-actions .button{min-height:44px;padding:10px 14px;font-size:11px;line-height:1.5}
.guide-no-results{border:1px solid var(--line);padding:30px;background:var(--panel);border-radius:15px}
.guide-no-results h3{font-size:28px}
.guide-no-results p{margin:0;color:var(--muted)}
.guide-page-art{width:80px;height:80px;object-fit:contain;flex-shrink:0}
.guide-account-note{margin-top:30px;padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.guide-release a:focus-visible,.guide-release button:focus-visible,.guide-release input:focus-visible,.guide-release select:focus-visible,.guide-release summary:focus-visible{outline:3px solid var(--guide-gold);outline-offset:4px}
:root[data-theme=light] .guide-release{--guide-gold:#79561b;--guide-teal:#145e60}
@media(max-width:1100px){.family-hero,.guide-release .organized-main>.family-hero:first-child{gap:30px;padding-inline:32px;padding-block:48px}.family-hero h1,.guide-release .organized-main>.family-hero:first-child h1{font-size:clamp(44px,5.8vw,62px)}.family-paths,.release-paths{grid-template-columns:repeat(2,minmax(0,1fr))}.family-showcase{gap:35px}.family-mini-guides{grid-template-columns:repeat(3,minmax(0,1fr))}.family-access{grid-template-columns:1fr;gap:14px}.family-access .actions{flex-direction:row;align-items:center}.family-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card-copy{padding:23px}}
@media(max-width:760px){.family-hero,.guide-release .organized-main>.family-hero:first-child{grid-template-columns:1fr;gap:28px;padding:38px 22px}.family-hero-copy{padding:0}.family-hero h1,.guide-release .organized-main>.family-hero:first-child h1{font-size:clamp(42px,9vw,62px)}.family-hero .lead{font-size:17px;max-width:48ch}.family-hero-art{width:100%;max-width:620px;justify-self:center}.family-hero-art.account-guide-preview{max-width:300px}.family-section{padding-block:42px}.family-section-heading{align-items:flex-start;flex-direction:column;gap:16px}.family-section-heading>p{max-width:60ch}.family-showcase,.family-showcase-screen{grid-template-columns:1fr;padding-block:40px;gap:30px}.family-portrait{max-width:430px;justify-self:center}.family-showcase h2{font-size:37px}.family-showcase-screen .app-shot{width:100%}.family-stat-strip{gap:9px;padding-block:20px}.family-stat-strip>div{gap:9px;flex-direction:column;align-items:flex-start;padding-left:12px}.family-stat-strip>div:first-child{padding-left:0}.family-stat-strip strong{font-size:33px}.family-stat-strip span{font-size:10px;max-width:14ch}.family-access-note{grid-template-columns:1fr;gap:15px;padding-block:28px}.family-access-note h2{font-size:30px}.family-access{margin-top:40px;padding-block:30px;gap:12px}.family-access p{font-size:13px}.family-last{padding-block:40px 48px}.family-feature-grid{gap:13px}.family-feature-grid>article{padding:22px}.download-steps{grid-template-columns:1fr}.family-path h3,.release-path h3{font-size:25px}.family-path p,.release-path p{font-size:12px}.guide-catalog{padding-block:28px 42px}.guide-filter-box{padding:22px}.guide-search-heading{align-items:flex-start;flex-direction:column;gap:12px}.guide-search-heading>p{max-width:55ch}.guide-search-heading h2{font-size:29px}.guide-app-grid{gap:17px}.guide-card-copy{padding:20px}.guide-card-copy h3{font-size:33px}.guide-card-actions{align-items:flex-start;gap:14px}.guide-card-actions .button{font-size:10px}.guide-card-copy>p{font-size:12px}.guide-card-highlights{font-size:11px}.guide-card-copy .fine{font-size:10px}.guide-release .brand{font-size:18px}.guide-release .brand img{width:36px;height:36px}}
@media(max-width:520px){.family-paths,.release-paths,.family-feature-grid,.guide-app-grid{grid-template-columns:1fr}.family-mini-guides{grid-template-columns:repeat(2,minmax(0,1fr))}.family-hero .actions{align-items:flex-start;gap:18px;flex-direction:column}.family-hero .button{width:100%}.family-path,.release-path{padding:23px}.family-stat-strip strong{font-size:30px}.family-search-row{flex-wrap:wrap}.guide-search-row{flex-direction:column;align-items:stretch}.guide-search-row .button{align-self:flex-start}.guide-category-buttons{gap:7px}.guide-category-buttons button{font-size:10px;padding:9px 12px}.guide-filter-box{padding:19px}.guide-card-copy{padding:24px}.guide-card-copy h3{font-size:38px}.guide-card-copy>p{font-size:13px}.guide-card-highlights{font-size:12px}.guide-card-copy .fine{font-size:11px}.guide-card-actions .button{font-size:12px}.guide-edition,.guide-version{font-size:10px}.family-note,.guide-scope-note{padding:17px 19px;font-size:12px}.family-access .actions{align-items:flex-start;flex-direction:column}.family-showcase h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.family-path,.release-path,.family-mini-guides>a{transition:none}.guide-release{scroll-behavior:auto}}
@media(forced-colors:active){.guide-app-card,.guide-filter-box,.guide-scope-note,.family-hero-art,.family-portrait,.family-path,.release-path,.family-note,.family-access-note,.family-access,.family-mini-guides>a,.family-feature-grid>article,.guide-account-note{background:Canvas;border-color:CanvasText;color:CanvasText;box-shadow:none}.guide-category-buttons button,.guide-category-buttons button[aria-pressed=true]{background:Canvas;color:LinkText;border-color:CanvasText}.guide-release .eyebrow,.guide-result-status,.guide-card-copy .guide-subtitle,.family-stat-strip strong,.family-step-number{color:CanvasText}.guide-release h1 em{color:CanvasText}}
@media print{.family-hero,.family-showcase{display:block}.family-hero-art,.family-portrait{max-width:420px;margin:20px auto}.family-mini-guides{grid-template-columns:repeat(3,1fr)}.guide-app-grid{grid-template-columns:repeat(2,1fr)}.guide-app-card{break-inside:avoid}.guide-filter-box,.guide-category-buttons{display:none}}

.family-history{padding-block:0 50px}.family-history>details{border:1px solid var(--line);border-radius:15px;padding:20px 24px;background:var(--panel)}.family-history>details>summary{cursor:pointer;font-size:15px;font-weight:600}.family-history>details>.fine{margin-top:18px}.family-history .feature-detail{padding-inline:0}.family-history .feature-detail h2{font-size:32px}.family-history .feature-detail:last-child{padding-bottom:0}

.guide-app-card{position:relative}.guide-fragment-alias{position:absolute;top:0;left:0;display:block;width:1px;height:1px;pointer-events:none;scroll-margin-top:25px}

.family-hero.account-guide-preview{max-width:100%;grid-template-columns:minmax(0,1fr) minmax(160px,300px);padding:0 0 26px;gap:30px}.family-hero.account-guide-preview h1{font-size:clamp(38px,4.2vw,56px)}.account-guide-preview .family-hero-art{max-width:300px;width:100%;justify-self:end}.account-guide-preview .family-hero-art img{max-width:300px;height:auto;object-fit:contain}@media(max-width:760px){.family-hero.account-guide-preview{grid-template-columns:1fr;padding:0 0 26px}.account-guide-preview .family-hero-art{justify-self:center;max-width:260px}}

.family-table-scroll{width:100%;max-width:100%;overflow-x:auto}.family-table-scroll table{min-width:540px;width:100%;border-collapse:collapse}.family-table-scroll th,.family-table-scroll td{padding:12px;vertical-align:top;text-align:left;border-bottom:1px solid var(--guide-line,var(--line))}
