.layout-rule-grid,.theme-guide-grid{display:grid;gap:18px}.layout-rule-card,.theme-guide-card{overflow:hidden;background:#fff;border:1px solid var(--guide-line);border-radius:12px}.layout-rule-card{padding:22px}.layout-rule-card h3,.theme-guide-card h3{margin:18px 0 6px;font-size:1.25rem}.layout-rule-card p,.theme-guide-card p{margin:0;color:var(--guide-muted)}.layout-diagram{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;background:#e9efed;border:1px solid var(--guide-line);border-radius:8px}.layout-diagram span{min-height:72px;background:var(--guide-teal);border-radius:5px}.layout-diagram--full span:first-child{grid-column:span 2}.layout-diagram--full span:last-child{display:none}.theme-guide-card img{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-bottom:1px solid var(--guide-line)}.theme-guide-card>div{padding:20px}.theme-guide-card h3{margin-top:0}.common-data-panel{display:grid;gap:28px;padding:26px;background:#fff7e4;border:1px solid #ddc785;border-radius:12px}.common-data-panel__content{display:grid;gap:22px}.common-data-panel__preview{width:100%;border:1px solid #ddc785;border-radius:8px;background:#fff}.copy-template{min-width:0}.copy-template__button{width:100%;background:var(--guide-teal);color:#fff}.copy-template__button:hover{background:var(--guide-teal-dark)}.copy-template__manual{display:block;padding:4px 0;margin:5px auto 0;background:transparent;border:0;color:var(--guide-teal-dark);font:inherit;font-size:.76rem;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.copy-template__status{min-height:1.5em;margin:7px 0 0;color:var(--guide-teal-dark);font-size:.8rem;font-weight:700}.copy-template__fallback{padding:12px;margin-top:8px;background:#fff7e4;border:1px solid #ddc785;border-radius:8px}.copy-template__fallback p{margin:0 0 8px;color:#624c12;font-size:.82rem}.copy-template__fallback textarea{display:block;width:100%;resize:vertical;padding:10px;border:1px solid var(--guide-line);border-radius:6px;background:#fff;color:var(--guide-ink);font:.82rem/1.55 ui-monospace,Consolas,monospace}.card-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:34px}.card-index a{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:11px;background:#fff;border:1px solid var(--guide-line);border-radius:7px;color:var(--guide-ink);font-size:.78rem;font-weight:800;text-decoration:none}.card-index a:hover{border-color:var(--guide-teal)}.card-index span,.guide-number-list span{color:var(--guide-coral);font-size:.72rem;font-weight:900}.card-guide-list{display:grid;gap:24px}.card-guide{min-width:0;overflow:hidden;scroll-margin-top:calc(var(--site-nav-height) + 18px);background:#fff;border:1px solid var(--guide-line);border-radius:12px;box-shadow:0 14px 34px #1723210f}.card-guide__preview{display:grid;overflow:hidden;place-items:center;background:#fff;border-bottom:1px solid var(--guide-line)}.card-guide__preview img{width:100%;height:auto;object-fit:contain}.card-guide__body{padding:22px}.card-guide__body header>p:last-child{margin:10px 0 0;color:var(--guide-muted)}.card-guide__number{margin:0 0 5px;color:var(--guide-coral);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.card-guide h3{margin:0;font-size:1.45rem;line-height:1.2}.card-guide__spec{display:grid;gap:0;margin:20px 0;border-top:1px solid var(--guide-line)}.card-guide__spec div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--guide-line)}.card-guide__spec dt{color:var(--guide-muted);font-size:.78rem}.card-guide__spec dd{margin:0;font-size:.86rem;font-weight:700}.card-guide__templates{display:grid;gap:8px}.guide-number-list,.submission-list{padding:0;margin:0;list-style:none}.guide-number-list{border-top:1px solid var(--guide-line)}.guide-number-list li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:17px 0;border-bottom:1px solid var(--guide-line)}.guide-number-list p{margin:0}.guide-section--submission{background:#fff;color:var(--guide-ink)}.guide-section--submission .guide-eyebrow{color:var(--guide-coral)}.guide-section--submission h2{color:var(--guide-ink)}.guide-section--submission .guide-section__header>p:last-child{color:var(--guide-muted)}.submission-list{display:grid;gap:10px}.submission-list li{position:relative;padding:15px 15px 15px 46px;background:#edf3f0;border:1px solid var(--guide-line);border-radius:8px;color:var(--guide-ink)}.submission-list li:before{content:"✓";position:absolute;top:14px;left:16px;color:var(--guide-teal);font-weight:900}.guide-footer{padding:26px 0;background:#102a28;color:#d8efea}.guide-footer .guide-shell{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px}.guide-footer a{color:#fff}@media(min-width:680px){.guide-shell{width:min(100% - 64px,1080px)}.guide-hero,.guide-section{padding-block:88px}.layout-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.common-data-panel{grid-template-columns:minmax(0,1fr) minmax(260px,.5fr);align-items:center;padding:34px}.card-index{grid-template-columns:repeat(4,minmax(0,1fr))}.card-guide{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr)}.card-guide:nth-child(2n){grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr)}.card-guide:nth-child(2n) .card-guide__preview{grid-column:2;grid-row:1;border-right:0;border-left:1px solid var(--guide-line)}.card-guide__preview{border-right:1px solid var(--guide-line);border-bottom:0}.card-guide__preview img{height:auto;aspect-ratio:auto}.card-guide__body{padding:30px}.card-guide__templates{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.submission-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.guide-page{--guide-ink: #172321;--guide-muted: #596662;--guide-line: #b9cbc5;--guide-teal: #0d5d60;--guide-teal-dark: #09484b;--guide-coral: #e45d43;--guide-yellow: #f4b933;--guide-mint: #dcefeb;min-height:100vh;padding-top:var(--site-nav-height);background:#f4f7f5;color:var(--guide-ink)}.guide-shell{width:min(100% - 36px,1080px);margin-inline:auto}.guide-hero{padding:64px 0 68px;background:var(--guide-teal);color:#fff}.guide-hero__inner{display:grid;justify-items:start}.guide-eyebrow{margin:0 0 10px;color:var(--guide-coral);font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.guide-hero .guide-eyebrow{color:#ffd36d}.guide-hero h1{max-width:13ch;margin:0;font-size:clamp(2.3rem,10vw,4.8rem);line-height:1.05;letter-spacing:-.035em}.guide-hero__inner>p:not(.guide-eyebrow){max-width:42rem;margin:22px 0 0;color:#d8efea;font-size:1.05rem}.guide-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.guide-hero__actions a,.copy-template__button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:10px 15px;border:0;border-radius:7px;background:var(--guide-yellow);color:var(--guide-ink);font:inherit;font-size:.88rem;font-weight:900;text-decoration:none;cursor:pointer}.guide-hero__actions .guide-link-secondary{background:transparent;border:1px solid #a7d4ca;color:#fff}.guide-page a:focus-visible,.guide-page button:focus-visible,.guide-page textarea:focus-visible{outline:3px solid var(--guide-coral);outline-offset:3px}.guide-section{padding:68px 0;background:#fff}.guide-section--tint,.guide-section--cards{background:#edf3f0}.guide-section__header{max-width:44rem;margin-bottom:34px}.guide-section__header h2,.common-data-panel h2{margin:0;font-size:clamp(1.8rem,6vw,2.65rem);line-height:1.15;letter-spacing:-.025em}.guide-section__header>p:last-child,.common-data-panel__content>div>p:last-child{margin:14px 0 0;color:var(--guide-muted)}