/* DetailOAR Field Manual
   One guide layer for libraries, hubs, paths, core articles, and product help. */

.guide-body{background:#f5f7f9}
.guide-body h1,.guide-body h2,.guide-body h3{font-family:Sora,Inter,system-ui,sans-serif}
.guide-body [hidden]{display:none!important}
.guide-body .breadcrumbs{padding-bottom:4px}

/* Library */
.field-library-hero{padding:34px 0 42px}
.field-library-hero__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:48px;align-items:center}
.field-library-hero__copy h1{max-width:650px;margin-bottom:18px;font-size:clamp(2.6rem,4.8vw,4.35rem)}
.field-library-hero__copy>p:not(.eyebrow){max-width:620px;margin-bottom:25px;font-size:1.06rem;line-height:1.68}
.field-library-hero__media{aspect-ratio:16/9;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--soft);box-shadow:var(--shadow)}
.field-library-hero__media picture,.field-library-hero__media img{display:block;width:100%;height:100%}
.field-library-hero__media img{object-fit:cover}
.field-library-results{padding:28px 0 78px}
.field-library-controls{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1.4fr);gap:16px 28px;align-items:end;padding:20px;margin-bottom:28px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.field-search{display:grid;gap:7px}
.field-search label{font-size:.8rem;font-weight:800;color:var(--ink)}
.field-search input{width:100%;height:48px;padding:0 15px;border:1px solid #aebdcd;border-radius:10px;background:#fff;color:var(--ink)}
.field-search input:focus{border-color:var(--accent);outline:3px solid rgba(20,92,189,.16);outline-offset:0}
.field-category-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 4px;scrollbar-width:thin}
.field-category-tabs button{flex:none;min-height:42px;padding:0 14px;border:1px solid #afbdcc;border-radius:999px;background:#fff;color:#283b51;font-size:.78rem;font-weight:700;cursor:pointer}
.field-category-tabs button[aria-pressed=true]{border-color:var(--navy);background:var(--navy);color:#fff}
.field-filter-summary{grid-column:1/-1;display:flex;align-items:center;gap:12px;min-height:28px}
.field-filter-summary p{margin:0;color:var(--ink)}
.field-filter-summary [data-filter-chips]{display:flex;gap:6px;flex-wrap:wrap}
.field-filter-summary [data-filter-chips] span{padding:4px 9px;border-radius:999px;background:var(--accent-soft);color:#123e75;font-size:.72rem;font-weight:700}
.field-filter-summary button{border:0;background:transparent;color:var(--accent-dark);font-size:.78rem;font-weight:800;text-decoration:underline;cursor:pointer}
.field-library-heading,.field-path-collection__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,390px);gap:32px;align-items:end;margin-bottom:24px}
.field-library-heading h2,.field-path-collection__head h2{margin-bottom:0;font-size:clamp(1.75rem,3vw,2.55rem)}
.field-library-heading>p,.field-path-collection__head>p{margin:0;font-size:.9rem}
.field-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.field-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-soft)}
.field-card:hover{border-color:#91a9c3;box-shadow:var(--shadow)}
.field-card__link{display:flex;height:100%;flex-direction:column;color:var(--ink);text-decoration:none}
.field-card__media{display:block;flex:none;overflow:hidden;aspect-ratio:16/9;border-bottom:1px solid var(--line);background:#e6edf4}
.field-card__media img{width:100%;height:100%;object-fit:cover}
.field-card__body{display:flex;flex:1;flex-direction:column;padding:18px}
.field-card__eyebrow{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;color:var(--accent-dark);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.field-card__eyebrow [data-guide-state]{color:#28623f;letter-spacing:0}
.field-card__body>strong{font-family:Sora,Inter,sans-serif;font-size:1rem;line-height:1.32}
.field-card__description{flex:1;margin:9px 0 16px;color:var(--muted);font-size:.8rem;line-height:1.52}
.field-card__meta{display:flex;gap:7px;flex-wrap:wrap;color:#51647a;font-size:.68rem}
.field-card__meta span{padding:4px 7px;border:1px solid var(--line);border-radius:6px;background:#f8fafc}
.field-path-collection{grid-column:1/-1;margin:22px 0 4px;padding:30px;border:1px solid #253e58;border-radius:16px;background:var(--navy);color:#fff}
.field-path-collection .eyebrow{color:var(--cyan)}
.field-path-collection h2{color:#fff}
.field-path-collection p{color:var(--ice)}
.field-path-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.field-path-card{border:1px solid var(--navy-line);border-radius:10px;background:var(--navy-2)}
.field-path-card a{display:grid;grid-template-columns:36px minmax(0,1fr) 18px;gap:12px;align-items:center;padding:14px;color:#fff;text-decoration:none}
.field-path-card a:hover{background:rgba(255,255,255,.05)}
.field-path-card__number{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(99,193,255,.55);border-radius:8px;color:var(--cyan);font-size:.72rem;font-weight:800}
.field-path-card strong,.field-path-card small{display:block}
.field-path-card strong{font-size:.83rem;line-height:1.3}
.field-path-card small{margin-top:3px;color:#aebfd0;font-size:.67rem}
.field-load-more{display:flex;justify-content:center;padding-top:28px}
.field-empty{padding:50px 20px;text-align:center;border:1px dashed #aebdcd;border-radius:14px;background:#fff}
.field-empty h2{font-size:1.4rem}

/* Learning path */
.field-path-hero{padding:38px 0 60px}
.field-path-hero__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:52px;align-items:center}
.field-path-hero h1{margin-bottom:18px;font-size:clamp(2.55rem,4.8vw,4.25rem)}
.field-path-hero__grid>div>p:not(.eyebrow):not(.field-path-resume-note){font-size:1.04rem}
.field-path-hero figure{aspect-ratio:16/9;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.field-path-hero figure picture,.field-path-hero figure img{display:block;width:100%;height:100%}
.field-path-hero figure img{object-fit:cover}
.field-meta{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}
.field-meta span{display:inline-flex;align-items:center;min-height:31px;padding:5px 9px;border:1px solid #b8c5d3;border-radius:7px;background:rgba(255,255,255,.65);color:#30455b;font-size:.7rem;font-weight:700}
.field-path-resume-note{margin:10px 0 0;font-size:.76rem}
.field-path-sequence{padding-bottom:78px}
.field-path-sequence>ol{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}
.field-path-phase{display:grid;grid-template-columns:86px 1fr;gap:16px;padding:28px 0 12px;color:var(--ink)}
.field-path-phase>span{color:var(--accent-dark);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.field-path-phase strong{font-family:Sora,Inter,sans-serif}
.field-path-phase p{margin:4px 0 0;font-size:.8rem}
.field-path-step{border-bottom:1px solid var(--line);list-style:none}
.field-path-step details{background:transparent}
.field-path-step summary{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px 0;cursor:pointer;list-style:none}
.field-path-step summary::-webkit-details-marker{display:none}
.field-path-step__number{display:grid;width:40px;height:40px;place-items:center;border:1px solid #aebdcd;border-radius:10px;background:#fff;color:var(--accent-dark);font-weight:800}
.field-path-step summary small,.field-path-step summary strong{display:block}
.field-path-step summary small{margin-bottom:3px;color:#5d7187;font-size:.68rem}
.field-path-step summary strong{font-family:Sora,Inter,sans-serif;font-size:.94rem;line-height:1.35}
.field-path-step__state{padding:5px 8px;border-radius:6px;background:#e9eef3;color:#41556b;font-size:.68rem;font-weight:700}
.field-path-step[data-state=complete] .field-path-step__number,.field-path-step[data-state=complete] .field-path-step__state{background:#e4f3e8;color:#245c39;border-color:#a9d0b5}
.field-path-step[data-state=current] .field-path-step__number,.field-path-step[data-state=current] .field-path-step__state{background:var(--accent-soft);color:#123f77;border-color:#97b9e3}
.field-path-step details>div{padding:0 0 22px 62px}
.field-path-step details>div p{max-width:720px;margin:0 0 10px;font-size:.84rem}

/* Shared article */
.field-guide{background:#fff}
.field-guide-hero{display:grid;grid-template-columns:minmax(0,.98fr) minmax(400px,1.02fr);gap:52px;align-items:center;padding-top:44px;padding-bottom:50px}
.field-guide-hero__copy h1{max-width:700px;margin-bottom:18px;font-size:clamp(2.55rem,4.5vw,4.15rem)}
.field-guide-hero__copy>p:not(.eyebrow):not(.field-byline){max-width:650px;font-size:1.03rem;line-height:1.65}
.field-guide-hero__media{aspect-ratio:16/9;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--soft);box-shadow:var(--shadow)}
.field-guide-hero__media>a{position:relative;display:block;height:100%;text-decoration:none}
.field-guide-hero__media img{width:100%;height:100%;object-fit:cover}
.field-guide[data-guide-type=software] .field-guide-hero__media img{object-fit:contain}
.field-guide-hero__media a>span,.field-screenshot a>span{position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:6px;background:rgba(10,28,46,.9);color:#fff;font-size:.68rem;font-weight:700}
.field-byline{margin:0 0 20px;color:#52657a;font-size:.78rem}
.field-guide-hero__actions{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.field-utility{position:relative}
.field-utility>summary{display:inline-flex;align-items:center;min-height:48px;padding:0 15px;border:1px solid #afbdcc;border-radius:11px;background:#fff;color:#263a50;font-size:.78rem;font-weight:700;cursor:pointer;list-style:none}
.field-utility>summary::-webkit-details-marker{display:none}
.field-utility[open]>summary{border-color:var(--accent)}
.field-utility>div{position:absolute;z-index:5;top:54px;left:0;display:grid;min-width:210px;padding:7px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}
.field-utility button,.field-utility a{min-height:40px;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink);font-size:.78rem;font-weight:700;text-align:left;text-decoration:none;cursor:pointer}
.field-utility button:hover,.field-utility a:hover{background:var(--accent-soft);color:var(--accent-dark)}
.field-chapters{position:sticky;z-index:20;top:72px;display:flex;justify-content:center;gap:4px;padding:9px 20px;border-block:1px solid #263b51;background:rgba(10,28,46,.96);backdrop-filter:blur(10px)}
.field-chapters a{min-width:104px;padding:7px 16px;border-radius:7px;color:#cbd9e7;font-size:.75rem;font-weight:700;text-align:center;text-decoration:none}
.field-chapters a:hover,.field-chapters a[aria-current=true]{background:#18334e;color:#fff}
.field-contents{display:none}
.field-guide-body{width:min(800px,calc(100% - 40px));margin-inline:auto}
.field-region{padding:68px 0;border-bottom:1px solid var(--line);scroll-margin-top:130px}
.field-region:last-child{border-bottom:0;padding-bottom:90px}
.field-region p,.field-region li{font-size:1.075rem;line-height:1.72}
.field-region__heading{display:grid;grid-template-columns:42px 1fr;gap:15px;align-items:start;margin-bottom:28px}
.field-region__heading>span{display:grid;width:38px;height:38px;place-items:center;border-radius:9px;background:var(--navy);color:#fff;font-size:.7rem;font-weight:800}
.field-region__heading p{margin:0 0 4px;color:var(--accent-dark);font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.field-region__heading h2{margin:0;font-size:clamp(1.65rem,3vw,2.3rem)}
.field-start-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.field-start-grid>div{padding:17px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}
.field-start-grid span{display:block;margin-bottom:7px;color:var(--accent-dark);font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.field-start-grid p{margin:0;color:#33485e;font-size:.82rem;line-height:1.55}
.field-start-fact{border:1px solid var(--line);border-radius:10px;background:#f8fafc}
.field-start-fact summary{padding:17px;color:var(--ink);font-size:.8rem;font-weight:800;cursor:pointer}
.field-start-fact>div{padding:0 17px 17px}
.field-start-fact>div span:not(:first-child){margin-top:14px}
.field-disclosure-stack{margin-top:12px}
.field-disclosure{border-top:1px solid var(--line)}
.field-disclosure:last-child{border-bottom:1px solid var(--line)}
.field-disclosure summary{position:relative;padding:17px 42px 17px 0;color:var(--ink);font-size:.9rem;font-weight:800;cursor:pointer;list-style:none}
.field-disclosure summary::-webkit-details-marker{display:none}
.field-disclosure summary:after{content:'+';position:absolute;right:6px;top:12px;color:var(--accent-dark);font-size:1.25rem;font-weight:500}
.field-disclosure[open] summary:after{content:'−'}
.field-disclosure__body{padding:0 0 20px}
.field-disclosure__body>p:last-child{margin-bottom:0}
.field-list{padding:0;margin:0;list-style:none}
.field-list li{position:relative;padding:8px 0 8px 26px;color:#31465c}
.field-list li:before{content:'•';position:absolute;left:6px;color:var(--accent);font-weight:800}
.field-list li strong,.field-list li span{display:block}
.field-list li strong+span{margin-top:2px;color:var(--muted);font-size:.92em}
.field-list--checks li:before{content:'✓';color:#28623f}
.field-safety-gate{margin:0 0 22px;padding:21px 22px;border:1px solid #c65d42;border-left:5px solid #9c3d26;border-radius:10px;background:#fff1ec}
.field-safety-gate>span{display:block;margin-bottom:7px;color:#81301e;font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.field-safety-gate h3{margin-bottom:8px;color:#431c13}
.field-safety-gate .field-list li{color:#54271c}
.field-safety-gate .field-list li:before{color:#9c3d26}
.field-step-progress{display:grid;gap:10px;margin:0 0 20px;padding:15px 17px;border:1px solid var(--line);border-radius:10px;background:#f7f9fb}
.field-step-progress>div:first-child{display:flex;justify-content:space-between;gap:20px}
.field-step-progress strong{font-size:.8rem}
.field-step-progress [data-step-progress-status]{color:#5a6e83;font-size:.74rem}
.field-step-progress [role=progressbar]{height:7px;overflow:hidden;border-radius:99px;background:#dbe3eb}
.field-step-progress [role=progressbar]>span{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent);transition:width .18s ease}
.field-steps{display:grid;gap:15px;padding:0;margin:0;list-style:none;counter-reset:field-step}
.field-step{padding:24px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(10,28,46,.045)}
.field-step[data-complete=true]{border-color:#9fcaae;background:#fbfefc}
.field-step header{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:baseline;margin-bottom:12px}
.field-step header>span{color:var(--accent-dark);font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.field-step h3{margin:0;font-size:1.1rem}
.field-step>p{margin-bottom:14px}
.field-substeps{display:grid;gap:12px;padding:0;margin:0 0 16px;list-style:none;counter-reset:field-substep}
.field-substeps>li{position:relative;padding:0 0 0 34px;counter-increment:field-substep}
.field-substeps>li:before{content:counter(field-substep);position:absolute;top:2px;left:0;display:grid;width:23px;height:23px;place-items:center;border-radius:6px;background:var(--accent-soft);color:var(--accent-dark);font-size:.67rem;font-weight:800}
.field-substeps>li>p{margin:0}
.field-step>aside,.field-inline-note{padding:14px 16px;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;background:#edf5ff}
.field-step>aside strong,.field-inline-note strong{font-size:.75rem;color:#173f70}
.field-step>aside p,.field-inline-note p{margin:3px 0 0;color:#294e79;font-size:.83rem}
.field-step__complete{min-height:42px;padding:8px 12px;border:1px solid #aabaca;border-radius:9px;background:#fff;color:#23384e;font-size:.76rem;font-weight:800;cursor:pointer}
.field-step__complete[aria-pressed=true]{border-color:#9fcaae;background:#e4f3e8;color:#245c39}
.field-prose{margin-bottom:22px}
.field-prose h3{margin:28px 0 10px;font-size:1.18rem}
.field-prose h3:first-child{margin-top:0}
.field-data-module{margin:22px 0;padding:22px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}
.field-data-module--featured{width:min(1100px,calc(100vw - 40px));margin:30px 0 30px 50%;transform:translateX(-50%);padding:28px;background:#f2f7fc;border-color:#b5c9de}
.field-data-module figcaption>span{display:block;margin-bottom:6px;color:var(--accent-dark);font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.field-data-module figcaption>strong{display:block;font-family:Sora,Inter,sans-serif;font-size:1.15rem}
.field-data-module figcaption p{margin:6px 0 0;font-size:.82rem}
.field-data-module__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:17px}
.field-data-module__grid>div{padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}
.field-data-module__grid strong,.field-data-module__grid span{display:block}
.field-data-module__grid strong{font-size:.76rem}
.field-data-module__grid span{margin-top:4px;color:var(--accent-dark);font-family:Sora,Inter,sans-serif;font-size:1rem;font-weight:700}
.field-data-module__grid p,.field-note{margin:7px 0 0;font-size:.72rem;line-height:1.5}
.field-worksheet h3{font-size:1.05rem}
.field-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:9px}
.field-worksheet table{width:100%;min-width:660px;border-collapse:collapse;background:#fff}
.field-worksheet th,.field-worksheet td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:.75rem}
.field-worksheet input{width:100%;min-width:95px;border:1px solid #afbdcc;border-radius:6px;padding:7px}
.field-screenshot{position:relative;width:min(960px,calc(100vw - 56px));margin:20px 0 20px 50%;transform:translateX(-50%);overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-soft)}
.field-screenshot a{position:relative;display:block}
.field-screenshot img{width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;background:#fff}
.field-workspace{margin-top:28px;padding:25px;border-radius:12px;background:var(--navy);color:#fff}
.field-workspace>span{color:var(--cyan);font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.field-workspace h3{margin:8px 0;color:#fff}
.field-workspace p{color:var(--ice)}
.field-more-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:24px}
.field-link-list{padding:18px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}
.field-link-list h3{font-size:.9rem}
.field-link-list a{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--line);color:var(--ink);font-size:.76rem;font-weight:700;text-decoration:none}
.field-link-list a small{color:var(--muted);font-weight:500}
.field-faq details{border-top:1px solid var(--line)}
.field-faq summary{padding:13px 0;font-weight:700;cursor:pointer}
.field-faq p{font-size:.9rem}
.field-sources{padding-left:22px}
.field-sources li{padding:4px 0}
.field-sources a{color:var(--accent-dark)}
.field-related{width:min(1100px,calc(100vw - 40px));margin:36px 0 0 50%;transform:translateX(-50%)}
.field-related>h3{margin-bottom:16px}
.field-card-grid--related{grid-template-columns:repeat(3,minmax(0,1fr))}
.field-card-grid--related .field-card__description{display:none}
.field-guide-dialog{width:min(1180px,calc(100% - 36px));padding:0;border:1px solid #31475e;border-radius:14px;background:#fff;box-shadow:0 30px 80px rgba(4,16,28,.35)}
.field-guide-dialog::backdrop{background:rgba(4,16,28,.8)}
.field-guide-dialog__head,.field-guide-dialog__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px}
.field-guide-dialog__head{border-bottom:1px solid var(--line)}
.field-guide-dialog__head p{margin:0;color:var(--ink);font-weight:700}
.field-guide-dialog__head button{width:38px;height:38px;border:0;border-radius:8px;background:#edf1f5;color:var(--ink);font-size:1.4rem;cursor:pointer}
.field-guide-dialog__viewport{max-height:72vh;overflow:auto;background:#eef2f5}
.field-guide-dialog__viewport img{width:100%;height:auto}
.field-guide-dialog__foot{border-top:1px solid var(--line)}
.field-guide-dialog__foot a{color:var(--accent-dark);font-size:.78rem;font-weight:700}

@media(max-width:980px){
  .field-library-hero__grid,.field-path-hero__grid,.field-guide-hero{grid-template-columns:1fr 1fr;gap:30px}
  .field-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .field-data-module__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:820px){
  .field-library-hero{padding:24px 0 30px}
  .field-library-hero__grid,.field-path-hero__grid,.field-guide-hero{grid-template-columns:1fr}
  .field-library-hero__copy,.field-path-hero__grid>div,.field-guide-hero__copy{order:1}
  .field-library-hero__media,.field-path-hero figure,.field-guide-hero__media{order:2}
  .field-library-hero__copy h1,.field-path-hero h1,.field-guide-hero__copy h1{font-size:clamp(2.25rem,8vw,3.25rem)}
  .field-library-hero__media{max-width:680px}
  .field-library-controls{grid-template-columns:1fr}
  .field-filter-summary{grid-column:auto}
  .field-path-list{grid-template-columns:1fr}
  .field-chapters{display:none}
  .field-contents{display:block;width:min(800px,calc(100% - 28px));margin:0 auto;border-block:1px solid var(--line)}
  .field-contents summary{padding:13px 0;color:var(--accent-dark);font-size:.78rem;font-weight:800;cursor:pointer}
  .field-contents nav{display:flex;gap:7px;overflow-x:auto;padding:0 0 13px}
  .field-contents a{flex:none;padding:6px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:.72rem;font-weight:700;text-decoration:none}
  .field-guide-body{width:min(800px,calc(100% - 28px))}
  .field-region{scroll-margin-top:78px}
  .field-screenshot{width:100%;max-width:100%;margin:16px 0;transform:none}
}

@media(max-width:600px){
  .guide-body .breadcrumbs{min-height:42px;padding-top:12px;font-size:.68rem}
  .guide-body .breadcrumbs span[aria-current=page]{display:none}
  .field-library-hero__grid,.field-path-hero__grid,.field-guide-hero{gap:22px}
  .field-library-hero__copy h1,.field-path-hero h1,.field-guide-hero__copy h1{margin-bottom:10px;font-size:1.9rem;line-height:1.08}
  .field-library-hero__copy>p:not(.eyebrow),.field-guide-hero__copy>p:not(.eyebrow):not(.field-byline){margin-bottom:18px;font-size:.94rem;line-height:1.55}
  .field-library-hero__media,.field-path-hero figure,.field-guide-hero__media{border-radius:12px;box-shadow:var(--shadow-soft)}
  .field-library-results{padding:18px 0 58px}
  .field-library-controls{gap:12px;padding:14px;margin-bottom:20px}
  .field-category-tabs button{min-height:40px;padding-inline:12px;font-size:.72rem}
  .field-library-heading,.field-path-collection__head{grid-template-columns:1fr;gap:8px;margin-bottom:18px}
  .field-library-heading h2,.field-path-collection__head h2{font-size:1.55rem}
  .field-card-grid,.field-card-grid--related{grid-template-columns:1fr;gap:9px}
  .field-card{border-radius:11px;box-shadow:none}
  .field-card__link{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:88px}
  .field-card__media{height:100%;aspect-ratio:auto;border:0;border-right:1px solid var(--line)}
  .field-card__media img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}
  .field-card__body{padding:11px 12px}
  .field-card__eyebrow{margin-bottom:4px;font-size:.57rem}
  .field-card__body>strong{font-size:.82rem;line-height:1.3}
  .field-card__description{display:none}
  .field-card__meta{margin-top:auto;font-size:.58rem}
  .field-card__meta span{padding:2px 5px}
  .field-path-collection{margin:14px 0 5px;padding:20px 15px}
  .field-path-card a{padding:11px}
  .field-path-card strong{font-size:.76rem}
  .field-path-hero{padding:24px 0 42px}
  .field-path-sequence{padding-bottom:58px}
  .field-path-phase{grid-template-columns:1fr;gap:5px;padding-top:22px}
  .field-path-step summary{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:15px 0}
  .field-path-step__number{width:34px;height:34px}
  .field-path-step__state{grid-column:2;width:max-content}
  .field-path-step details>div{padding:0 0 18px 48px}
  .field-guide-hero{gap:14px;padding-top:18px;padding-bottom:20px}
  .field-meta{margin:12px 0 10px}
  .field-meta span{min-height:27px;padding:3px 7px;font-size:.62rem}
  .field-byline{margin-bottom:10px}
  .field-guide-hero__actions{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
  .field-guide-hero__actions>.button{min-height:44px}
  .field-guide-hero__actions>.button,.field-utility>summary{width:100%;min-height:44px;padding-inline:10px;font-size:.72rem}
  .field-utility>div{left:auto;right:0}
  .field-region{padding:28px 0}
  .field-region p,.field-region li{font-size:1.02rem;line-height:1.68}
  .field-region__heading{grid-template-columns:34px 1fr;gap:11px;margin-bottom:16px}
  .field-region__heading>span{width:32px;height:32px;font-size:.62rem}
  .field-region__heading h2{font-size:1.55rem}
  .field-start-grid{grid-template-columns:1fr;gap:7px}
  .field-start-grid>div{padding:13px}
  .field-start-grid p{font-size:.79rem;line-height:1.48}
  .field-start-fact summary{padding:13px}
  .field-start-fact>div{padding:0 13px 13px}
  .field-disclosure summary{padding-block:14px}
  .field-safety-gate{margin-bottom:12px;padding:12px}
  .field-safety-gate h3{margin-bottom:5px;font-size:.94rem}
  .field-safety-gate .field-list li{padding-block:3px;font-size:.74rem;line-height:1.4}
  .field-step-progress{margin-bottom:14px;padding:11px 13px}
  .field-step-progress>div:first-child{display:grid;gap:2px}
  .field-step{padding:18px 16px}
  .field-step header{grid-template-columns:1fr;gap:3px}
  .field-step h3{font-size:1rem}
  .field-step>p{font-size:1rem}
  .field-data-module--featured,.field-related{width:calc(100vw - 28px)}
  .field-data-module{padding:17px}
  .field-data-module__grid{grid-template-columns:1fr}
  .field-more-links{grid-template-columns:1fr}
  .field-guide-dialog{width:calc(100% - 18px)}
  .field-guide-dialog__foot{align-items:flex-start;flex-direction:column}
}

@media(prefers-reduced-motion:reduce){
  .field-step-progress [role=progressbar]>span{transition:none}
}

@media print{
  .site-header,.site-footer,.breadcrumbs,.field-chapters,.field-contents,.field-guide-hero__actions,.field-step-progress,.field-step__complete,[data-complete-guide],.field-guide-dialog{display:none!important}
  .guide-body,.field-guide{background:#fff}
  .field-guide-hero{display:block;padding:0 0 24px}
  .field-guide-hero__media{max-width:760px;box-shadow:none}
  .field-guide-body{width:100%;max-width:none}
  .field-region{padding:24px 0;break-inside:auto}
  .field-step,.field-data-module,.field-workspace,.field-safety-gate{break-inside:avoid;box-shadow:none}
  .field-disclosure:not([open])>.field-disclosure__body,.field-faq details:not([open])>p{display:block!important}
  .field-disclosure summary:after{display:none}
  .field-data-module--featured,.field-screenshot,.field-related{width:100%;margin-inline:0;transform:none}
  a{color:#000;text-decoration:none}
}