.code-hub{max-width:1320px;margin:auto;padding:34px 30px 64px}.code-heading{max-width:820px}.code-heading h1{font-size:clamp(2rem,4vw,2.8rem);line-height:1.15;margin:12px 0}.code-heading>p,.code-lede{font-size:1.1rem;line-height:1.65;color:var(--muted)}.code-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.code-tabs a{padding:11px 17px;border:1px solid var(--border);border-radius:7px;background:white;text-decoration:none;font-weight:700}.code-tabs a[aria-current=page]{background:var(--navy);color:white;border-color:var(--navy)}.code-reading .code-heading{display:none}.code-reading .code-tabs{margin-top:0}.code-controls{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:14px}.code-hub label{display:block;font-size:.9rem;font-weight:700}.code-hub input[type=search],.code-hub select{display:block;width:100%;min-height:48px;margin-top:6px;padding:11px 12px;border:1px solid #aac1ad;border-radius:7px;background:white;color:var(--ink);font:inherit}.code-hub input[type=checkbox]{width:18px;height:18px;vertical-align:middle;margin:0 7px 0 0}.code-small,.code-footer{font-size:.875rem;color:var(--muted);line-height:1.6}.code-filter-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:16px 0}.code-filter-foot label{font-weight:400;min-height:44px;display:flex;align-items:center}.code-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.code-card{display:flex;flex-direction:column;align-items:flex-start;padding:23px;border:1px solid var(--border);border-radius:10px;background:white;text-decoration:none;color:var(--ink)}.code-card:hover{border-color:#7ea483;background:#f8fcf9}.code-card-meta{font-size:.8rem;color:var(--blue);font-weight:700}.code-card h3{font-size:1.15rem;line-height:1.4;margin:12px 0 8px}.code-card p{font-size:.94rem;margin:0 0 22px;line-height:1.6;color:var(--muted)}.code-card>span{font-size:.875rem;font-weight:700;color:var(--blue);margin-top:auto}.code-empty{grid-column:1/-1;padding:25px;background:white;border:1px solid var(--border);border-radius:10px}.code-article{max-width:1020px;margin:auto;padding:30px;background:white;border:1px solid var(--border);border-radius:12px}.code-article>.eyebrow{margin-top:22px}.code-article h2{font-size:clamp(1.65rem,3vw,2.2rem);line-height:1.25;margin:10px 0}.code-article h3{font-size:1.25rem;margin-top:0}.code-article>section{margin-top:34px}.code-actions{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.code-caution{background:#fcf1e7;border-left:4px solid #a76528;padding:16px 20px;border-radius:5px;margin:20px 0}.code-caution p{margin-bottom:0}.code-diagram-items,.code-expectations,.code-authority-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.code-diagram-items>div{position:relative;background:var(--pale);border-top:4px solid var(--blue);border-radius:5px;padding:20px}.code-diagram-items p{margin:8px 0 0;color:var(--muted);font-size:.94rem}.code-expectations{counter-reset:expectation}.code-expectations>p{margin:0;padding:18px 18px 18px 48px;background:#f6f9f6;border-radius:6px;position:relative;font-size:.96rem}.code-expectations>p:before{counter-increment:expectation;content:counter(expectation);position:absolute;left:16px;top:18px;font-weight:700;color:var(--blue)}.code-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.code-photo figure{margin:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.code-photo h4{background:#eaf3ef;color:#285b49;padding:14px 16px;margin:0;min-height:76px;display:flex;align-items:center}.code-photo h4.review{background:#fcf1e7;color:#81491b}.code-photo-crop{aspect-ratio:1;overflow:hidden;position:relative}.code-photo-crop img{display:block;width:200%;height:100%;max-width:none}.code-photo-crop img.right{transform:translateX(-50%)}.code-photo figcaption{padding:16px;font-size:.92rem;line-height:1.6}.code-example{border-left:4px solid var(--blue);padding:22px;background:#f2f7f2;border-radius:6px}.code-example h3{margin-top:10px}.code-example>div:last-child{border-top:1px solid #cddfcf;padding-top:16px;margin-top:20px}.code-example>div:last-child p{margin-bottom:0}.code-source{border-top:1px solid var(--border);padding-top:27px}.code-source-list{padding-left:22px}.code-source-list li{margin:12px 0}.code-source-facts{display:grid;gap:12px}.code-source-facts>div{display:grid;grid-template-columns:150px 1fr;gap:14px}.code-source-facts dt{font-weight:700}.code-source-facts dd{margin:0;overflow-wrap:anywhere}.code-tag{display:inline-block;background:var(--pale);color:var(--blue);padding:5px 9px;border-radius:5px;font-size:.84rem;font-weight:700}.code-tag.caution{background:#fcf1e7;color:#81491b}.code-related{display:grid;gap:10px}.code-planner-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1000px}.code-permit-answer,.code-authority,.code-callout{margin-top:24px;padding:25px;background:white;border:1px solid var(--border);border-radius:9px}.code-permit-answer h3{margin:14px 0 8px}.code-permit-answer li{margin:8px 0}.code-authority-grid>section{padding:18px;background:#f3f9f4;border-radius:6px}.code-authority-grid h4{margin:0 0 12px}.code-authority-grid p{font-size:.94rem}.code-video{max-width:940px;padding:25px;background:white;border:1px solid var(--border);border-radius:10px;margin:26px auto}.code-video video{width:100%;aspect-ratio:16/9;background:var(--navy);display:block;border-radius:6px}.code-source-guides{padding:20px;background:white;border:1px solid var(--border);border-radius:8px;margin-top:26px}.code-source-guides summary{font-weight:700;cursor:pointer}.code-directory-link{margin-top:25px}.code-footer{max-width:1020px;margin:32px auto 0}.code-hub textarea{width:100%;min-height:90px;font:inherit}.code-hub :focus-visible{outline:3px solid #33913f;outline-offset:3px}#code-content,.code-hub section{scroll-margin-top:78px}
@media(min-width:1000px){.resource-start{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1500px){.brand-product,.brand-divider{display:none}}
@media(min-width:741px) and (max-width:1150px){.mobile-menu{display:block}.site-header{flex-wrap:wrap}.site-header nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}.site-header.menu-open nav{display:flex}.site-header nav a{padding:12px 8px}.site-header .brand{margin-right:auto}}
@media(max-width:900px){.code-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.code-controls{grid-template-columns:1fr 1fr}.code-search-label{grid-column:1/-1}.code-diagram-items,.code-expectations,.code-authority-grid{grid-template-columns:1fr}.code-diagram-items>div{padding:16px}.code-photo h4{min-height:96px}}
@media(max-width:600px){.code-hub{padding:24px 17px 44px}.code-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.code-tabs a{padding:11px 10px;font-size:.9rem;text-align:center}.code-grid,.code-controls,.code-planner-controls,.code-photo-pair{grid-template-columns:1fr}.code-card{padding:20px}.code-article{padding:22px 17px}.code-photo h4{min-height:0}.code-actions .button{flex:1 1 auto}.code-source-facts>div{grid-template-columns:1fr;gap:3px}.code-video{padding:18px 12px}.code-permit-answer,.code-authority{padding:20px 17px}.resource-start>a:last-child{grid-column:1/-1}.code-article .source-links{align-items:stretch}.code-source a{overflow-wrap:anywhere}}
@media print{.code-hub{padding:0;max-width:none}.code-tabs,.code-actions,.code-controls,.code-filter-foot,.code-heading,.code-planner-controls,.code-video video,.code-footer,#code-status{display:none!important}.code-article,.code-permit-answer,.code-authority{border:0;padding:0;max-width:none}.code-photo-pair{grid-template-columns:1fr 1fr}.code-photo figure,.code-expectations>p,.code-diagram-items>div{break-inside:avoid}.code-video{break-inside:avoid}.code-hub a{color:#203c24}.code-article>section{margin-top:22px}}