.resource-hero{padding:56px 0}
.resource-hero h1{max-width:850px}
.resource-hero p{max-width:760px}
.resource-section{padding:54px 0;background:#f5f8fa}
.resource-section-head{margin-bottom:27px}
.resource-section-head h2{margin:0 0 10px;color:#03243d;font-size:clamp(1.65rem,3vw,2.2rem)}
.resource-section-head p{margin:0;color:#536b79;font-size:.92rem;line-height:1.65}
.resource-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin:0;padding:0;list-style:none}
.resource-flow li{position:relative;min-width:0}
.resource-flow li:not(:last-child):after{content:"→";position:absolute;right:-27px;top:49%;color:#078ba2;font-size:1.5rem;font-weight:700;pointer-events:none}
.resource-flow a{display:flex;flex-direction:column;align-items:flex-start;min-height:230px;height:100%;padding:26px;border:1px solid #d2e2e8;border-top:4px solid #0b9baa;border-radius:12px;background:#fff;color:#03243d;text-decoration:none;box-shadow:0 9px 26px rgba(3,35,57,.035)}
.resource-flow a:hover{border-color:#0b9baa;background:#faffff}
.resource-step{display:grid;place-items:center;width:34px;height:34px;margin-bottom:18px;border-radius:50%;background:#e5f4f5;color:#08758d;font-size:.8rem;font-weight:800}
.resource-flow h3{margin:0 0 11px;font-size:1.28rem;line-height:1.3}
.resource-flow p{margin:0 0 20px;color:#536b79;font-size:.87rem;line-height:1.6}
.resource-flow .resource-action{margin-top:auto;color:#08758d;font-size:.83rem;font-weight:800}
.resource-project-row,.resource-help-row{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px;padding:25px 28px;border:1px solid #d2e2e8;border-radius:12px;background:#fff}
.resource-project-row h3,.resource-help-row h2{margin:0 0 7px;color:#03243d;font-size:1.2rem}
.resource-project-row p,.resource-help-row p{margin:0;color:#536b79;font-size:.87rem;line-height:1.6}
.resource-project-row .e-btn,.resource-help-row .e-btn{flex:0 0 auto;min-height:44px}
.resource-faq .technical-faq-head{display:flex;justify-content:space-between;align-items:center;gap:20px}
.resource-faq .technical-faq-head h2{margin:0;color:#03243d;font-size:1.75rem}
.resource-faq .technical-faq-head a{color:#08758d;font-size:.86rem;font-weight:750}
.resource-flow a:focus-visible,.resource-project-row a:focus-visible,.resource-help-row a:focus-visible,.resource-faq a:focus-visible{outline:3px solid #0ba6bc;outline-offset:4px}
.resource-manual-page .guide-page-hero{padding:48px 0;background:linear-gradient(115deg,#031625,#064757);color:#fff}
.resource-manual-page .guide-page-hero h1{margin:15px 0 12px;font-size:clamp(2.15rem,4vw,3.3rem);line-height:1.12}
.resource-manual-page .guide-page-hero p{max-width:760px;color:#d1e5e5;line-height:1.65}
.resource-back{display:inline-block;color:#b9dce9;font-size:.82rem;text-decoration:none}
.resource-manual-page .guide-body{padding:38px 0 60px;background:#f5f8fa}
.resource-manual-page [hidden]{display:none!important}
.resource-manual-page .manual-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:27px;border:1px solid #d2e2e8;border-radius:12px;background:#fff}
.resource-manual-page .manual-toolbar label{display:block;margin-bottom:8px;color:#03243d;font-size:.95rem;font-weight:750}
.resource-manual-page .manual-toolbar select{width:100%;min-height:48px;padding:12px;border:1px solid #bfd4dd;border-radius:6px;background:#fff;color:#173e50;font:inherit}
.resource-model-hint{margin:9px 0 0;color:#536b79;font-size:.8rem;line-height:1.5}
.resource-model-hint a{color:#08758d;text-decoration:underline}
.resource-empty{margin:24px 0;padding:27px;border:1px dashed #bfd4dd;border-radius:12px;background:#fff}
.resource-empty h2{margin:0 0 8px;color:#03243d;font-size:1.25rem}
.resource-empty p{margin:0;color:#536b79;font-size:.9rem;line-height:1.6}
.resource-status{margin:15px 0;color:#08758d;font-size:.85rem;font-weight:750}
.resource-manual-content{margin-top:24px}
.resource-manual-summary{margin-bottom:25px;padding:27px;border:1px solid #d2e2e8;border-radius:12px;background:#fff}
.resource-manual-summary h2{margin:0 0 16px;color:#03243d;font-size:1.5rem}
.resource-manual-summary ul{margin:0;padding-left:20px;color:#405d6d;font-size:.91rem;line-height:1.75}
.resource-manual-summary li+li{margin-top:8px}
.resource-missing-diagram{margin:18px 0 0;color:#536b79;font-size:.84rem;line-height:1.6}
.resource-manual-summary .manual-source{margin:18px 0 0;color:#718692;font-size:.76rem}
.resource-manual-page .manual-diagram-section>h2{margin:0 0 8px;color:#03243d;font-size:1.55rem}
.resource-manual-page .manual-diagram-note{color:#536b79;font-size:.87rem;line-height:1.65}
.resource-manual-page .manual-figure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
.resource-manual-page .manual-figure{min-width:0;margin:0;padding:20px;border:1px solid #d2e2e8;border-radius:10px;background:#fff}
.resource-manual-page .manual-figure h3{margin:7px 0 15px;color:#03243d;font-size:1.03rem}
.resource-manual-page .manual-figure-label{color:#08758d;font-size:.74rem;font-weight:750}
.resource-manual-page .manual-figure-media{display:grid;place-items:center;min-height:320px;background:#fff}
.resource-manual-page .manual-figure-media img{display:block;max-width:100%;height:auto;max-height:420px;object-fit:contain}
.resource-manual-page .manual-figure-credit{margin:13px 0;color:#718692;font-size:.72rem;line-height:1.5}
.resource-manual-page .manual-figure-zoom{display:inline-block;color:#08758d;font-size:.8rem;font-weight:750}
.resource-manual-page .manual-use-flow{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 25px;margin:0;padding:18px 18px 18px 38px;border-radius:8px;background:#eaf5f5;color:#173e50;font-size:.87rem}
.resource-pdf-panel,.resource-policy{margin-top:24px;padding:0 24px;border:1px solid #d2e2e8;border-radius:10px;background:#fff}
.resource-pdf-panel>summary,.resource-policy>summary{min-height:62px;padding:19px 0;color:#03243d;font-size:.95rem;font-weight:750;cursor:pointer}
.resource-pdf-panel iframe{display:block;width:100%;height:740px;margin:0 0 20px;border:1px solid #d2e2e8;border-radius:7px;background:#eef3f5}
.resource-policy .assurance-panel{margin:0 0 24px;padding:20px;background:#f5f9fa}
.resource-policy .assurance-panel h2{font-size:1.2rem}
.resource-manual-page select:focus-visible,.resource-manual-page summary:focus-visible,.resource-manual-page a:focus-visible{outline:3px solid #0ba6bc;outline-offset:4px}
@media(max-width:820px){.resource-flow{grid-template-columns:1fr;gap:32px}.resource-flow a{min-height:0}.resource-flow li:not(:last-child):after{content:"↓";right:auto;left:calc(50% - 8px);top:auto;bottom:-30px}.resource-project-row,.resource-help-row{align-items:flex-start;flex-direction:column;gap:18px}.resource-manual-page .manual-toolbar{grid-template-columns:1fr;gap:18px}.resource-faq .technical-faq-head{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:580px){.resource-hero{padding:42px 0}.resource-section{padding:38px 0}.resource-flow a,.resource-project-row,.resource-help-row{padding:22px}.resource-manual-page .guide-page-hero{padding:38px 0}.resource-manual-page .manual-toolbar,.resource-manual-summary,.resource-empty{padding:21px}.resource-manual-page .manual-figure-grid{grid-template-columns:1fr}.resource-pdf-panel,.resource-policy{padding:0 18px}.resource-pdf-panel iframe{height:520px}}
