.guide-hero { background: var(--navy); color: var(--sand); padding: 35px 0 70px; }
.breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; color: var(--text-on-dark); font-size: .75rem; margin-bottom: 40px; }
.breadcrumb a { text-underline-offset: 4px; }
.guide-hero-grid { display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 80px; }
.guide-hero h1 { font-size: clamp(2.7rem,4.8vw,4.2rem); line-height: 1.1; letter-spacing: -.055em; font-weight: 600; margin: 22px 0; }
.guide-hero h1 em { color: #dfaf65; font-style: normal; }
.guide-hero p { color: var(--text-on-dark); font-size: .95rem; max-width: 630px; }
.guide-principles { border-left: 1px solid #ffffff30; padding-left: 35px; }
.guide-principles p { font-size: 1.7rem; font-weight: 500; line-height: 1.5; margin: 20px 0; color: var(--sand); letter-spacing: -.03em; }
.guide-principles p span { color: #dfaf65; }
.guide-principles small { font-size: .75rem; color: var(--text-on-dark); }
.review-status { background: var(--sand); border-bottom: 1px solid var(--line); }
.review-status>.wrap { display: flex; align-items: flex-start; gap: 22px; padding-top: 20px; padding-bottom: 20px; font-size: .8rem; }
.review-status strong { flex-shrink: 0; color: var(--gold-text); }
.review-status span { max-width: 800px; color: #575044; }
.guide-layout { display: grid; grid-template-columns: 240px minmax(0,1fr); gap: 70px; align-items: start; padding-top: 70px; padding-bottom: 70px; }
.guide-sidebar { position: sticky; top: 30px; }
.guide-sidebar ol { margin: 22px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.guide-sidebar li { border-bottom: 1px solid var(--line); }
.guide-sidebar a { display: flex; gap: 13px; padding: 13px 0; align-items: center; font-size: .78rem; min-height: 44px; text-decoration: none; }
.guide-sidebar a span { color: var(--gold-text); font: 10px/1.4 Consolas,monospace; }
.guide-sidebar a:hover { text-decoration: underline; text-underline-offset: 4px; }
.guide-section { padding: 0 0 55px; margin: 0 0 55px; border-bottom: 1px solid var(--line); scroll-margin-top: 30px; }
.guide-section:last-child { border: 0; padding-bottom: 0; margin-bottom: 0; }
.guide-section h2 { font-size: clamp(1.9rem,3vw,2.5rem); margin: 14px 0 25px; }
.guide-section>p { font-size: .92rem; color: var(--muted); line-height: 1.8; }
.guide-section> a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: .85rem; font-weight: 650; text-underline-offset: 5px; }
.member-roles { margin: 28px 0; }
.member-roles>div { display: grid; grid-template-columns: .75fr 1.25fr; gap: 25px; padding: 20px 0; border-top: 1px solid var(--line); }
.member-roles dt { font-weight: 650; font-size: .88rem; }
.member-roles dd { margin: 0; font-size: .85rem; color: var(--muted); }
.guide-callout { border-left: 3px solid var(--gold); background: var(--sand); padding: 24px 26px; }
.guide-callout strong { font-size: .95rem; }
.guide-callout p { font-size: .85rem; color: #575044; margin: 10px 0; }
.guide-callout a { display: inline-flex; align-items: center; gap: 10px; min-height: 40px; font-size: .8rem; font-weight: 650; text-underline-offset: 5px; }
.standards-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); margin-top: 30px; }
.standards-grid article { padding: 25px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); }
.standard-number { color: var(--gold-text); font: 10px/1.4 Consolas,monospace; }
.standards-grid h3 { font-size: 1.05rem; margin: 22px 0 12px; }
.standards-grid p { font-size: .85rem; line-height: 1.75; color: var(--muted); margin: 0; }
.guide-list { padding-left: 22px; margin: 25px 0; }
.guide-list li { color: var(--muted); font-size: .9rem; line-height: 1.8; padding-left: 5px; margin-bottom: 14px; }
.guide-list li::marker { color: var(--gold-text); }
.project-expectations { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px; margin: 30px 0; }
.project-expectations article { border-top: 1px solid var(--line); padding-top: 20px; }
.project-expectations h3 { font-size: 1rem; }
.project-expectations p { font-size: .85rem; color: var(--muted); margin-bottom: 0; }
.guide-actions { display: flex; flex-wrap: wrap; gap: 12px 25px; }
.guide-actions a { min-height: 40px; display: inline-flex; align-items: center; gap: 8px; font-size: .8rem; text-underline-offset: 5px; font-weight: 650; }
.evidence-note { margin-top: 28px; }
.evidence-note ul { margin: 15px 0 0; padding-left: 18px; }
.evidence-note li { font-size: .85rem; margin: 9px 0; }
.pending-note { border: 1px solid #c3ae85; border-radius: 5px; padding: 24px; background: #f8f2e7; margin: 28px 0; }
.pending-note strong { font-size: .95rem; color: var(--gold-text); }
.pending-note p { color: #575044; font-size: .85rem; margin: 12px 0 0; line-height: 1.75; }
.moderation-draft { border-top: 1px solid var(--line); margin: 28px 0 18px; }
.moderation-draft summary { font-size: .9rem; }
.moderation-draft p { font-size: .85rem; }
.guide-section p.guide-small { font-size: .78rem; }
.agreement-list { list-style: none; padding: 0; margin: 28px 0; border-top: 1px solid var(--line); }
.agreement-list li { padding: 18px 20px; font-size: .92rem; border-bottom: 1px solid var(--line); border-left: 3px solid var(--gold); background: var(--sand); }
.community-links { border-top: 1px solid var(--line); }
.community-links .resource { padding-left: 0; padding-right: 0; }
.guide-closing { margin-top: 30px; border-top: 1px solid var(--line); padding-top: 25px; }
.guide-closing p { font-size: .9rem; color: var(--muted); }
.guide-closing a { display: inline-flex; align-items: center; gap: 12px; min-height: 40px; font-size: .85rem; font-weight: 650; text-underline-offset: 5px; }
.navlinks a[aria-current] { color: #dfaf65; text-decoration: underline; text-underline-offset: 7px; }
@media(max-width:1100px) { .guide-layout { gap: 35px; grid-template-columns: 210px minmax(0,1fr); } .guide-hero-grid { gap: 40px; } .navlinks { gap: 16px; } .navlinks a { font-size: .75rem; } }
@media(max-width:900px) { .guide-layout { grid-template-columns: 1fr; gap: 45px; padding-top: 45px; } .guide-sidebar { position: static; } .guide-sidebar ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 25px; } .guide-hero-grid { grid-template-columns: 1fr; gap: 35px; } .guide-principles { padding-left: 25px; } .guide-principles p { font-size: 1.35rem; } .review-status>.wrap { flex-direction: column; gap: 7px; } .guide-section { margin-bottom: 45px; padding-bottom: 45px; } }
@media(max-width:600px) { .guide-hero { padding: 25px 0 45px; } .breadcrumb { margin-bottom: 30px; font-size: .7rem; gap: 8px; } .guide-hero h1 { font-size: 2.75rem; } .guide-hero .actions { flex-direction: column; align-items: stretch; } .guide-principles p { font-size: 1.25rem; } .guide-sidebar ol { grid-template-columns: 1fr; margin-top: 16px; } .guide-sidebar a { font-size: .85rem; } .standards-grid,.project-expectations { grid-template-columns: 1fr; } .member-roles>div { grid-template-columns: 1fr; gap: 8px; } .guide-section h2 { font-size: 2rem; } .guide-callout { padding: 22px; } .pending-note { padding: 22px; } .guide-section>a.btn { display: flex; width: 100%; text-align: center; } }
@media print { .nav,.footer,.guide-sidebar,.actions,.guide-actions,.guide-closing { display: none; } .guide-layout { display: block; padding: 0; } .guide-hero { background: white; color: black; padding: 0; } .guide-hero p,.guide-principles p,.guide-principles small,.guide-hero h1 em { color: black; } .guide-principles { display: none; } .guide-section { break-inside: auto; } h2,h3 { break-after: avoid; } details::details-content { display: block; } }