.resource-container { width:min(1160px,calc(100% - 64px)); margin-inline:auto; }
.resource-hero { background:#eef5f3; border-bottom:1px solid var(--line); padding:76px 0 0; }
.resource-eyebrow { font-size:12px; letter-spacing:.13em; font-weight:750; color:#08706b; margin:0 0 18px; }
.resources-main h1 { font-size:clamp(34px,4.4vw,64px); line-height:1.08; letter-spacing:-.045em; color:var(--navy-900); max-width:900px; margin:0 0 24px; }
.resource-lead { max-width:720px; font-size:21px; line-height:1.6; color:#435760; margin:0 0 26px; }
.resource-promise { display:flex; flex-wrap:wrap; gap:12px 28px; font-size:14px; color:#34504e; }
.resource-promise span::before { content:'✓'; padding-right:9px; color:#08706b; }
.resource-jump { display:flex; flex-wrap:wrap; gap:28px; margin-top:44px; }
.resource-jump a { padding:18px 0; border-bottom:3px solid transparent; font-size:15px; font-weight:650; }
.resource-jump a:hover { border-color:var(--teal-700); }
.resource-library { padding-block:52px 64px; }
.resource-library section { margin-bottom:48px; scroll-margin-top:110px; }
.resources-main h2 { font-size:27px; letter-spacing:-.025em; line-height:1.25; color:var(--navy-900); margin:0 0 24px; }
.resource-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.resource-card { position:relative; border:1px solid var(--line); border-radius:16px; padding:28px; background:white; display:flex; flex-direction:column; transition:border-color .15s; }
.resource-card:hover { border-color:var(--teal-700); }
.resource-number { position:absolute; right:26px; top:22px; color:#536c65; font-size:15px; font-variant-numeric:tabular-nums; }
.resource-format { margin:0 40px 17px 0; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#08706b; }
.resource-card h3 { font-size:23px; line-height:1.25; letter-spacing:-.025em; color:var(--navy-900); margin:0; max-width:390px; }
.resource-card p:not(.resource-format) { color:#51636d; margin:14px 0 24px; font-size:16px; }
.resource-open { margin-top:auto; font-weight:700; font-size:15px; color:#08706b; display:flex; justify-content:space-between; }
.resource-note { background:#f4f7f9; padding:28px; border-radius:16px; }
.resource-note h2 { font-size:22px; margin-bottom:12px; }
.resource-note p { margin:0; max-width:880px; }
.resource-breadcrumbs { display:flex; flex-wrap:wrap; gap:10px; font-size:13px; margin:28px 0 40px; color:#4e646e; }
.resource-breadcrumbs a { text-decoration:underline; }
.resource-detail-head { padding-bottom:34px; border-bottom:1px solid var(--line); }
.resource-detail-head h1 { font-size:clamp(34px,4vw,54px); }
.resource-actions { display:flex; flex-wrap:wrap; gap:12px; margin:24px 0 16px; }
.resource-actions .button { font-size:14px; padding:14px 18px; line-height:1.4; }
.resource-help { font-size:14px; color:#52626c; }
.resource-edit-promise { font-size:15px; color:#435760; max-width:760px; margin-bottom:24px; }
.resource-downloads { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr)); gap:20px; }
.resource-download { border:1px solid #b8cdca; border-radius:12px; padding:24px; background:#f7faf9; min-width:0; }
.resource-download h2 { font-size:23px; margin:0 0 10px; }
.resource-download > p { color:#435760; font-size:16px; max-width:620px; margin:0 0 20px; }
.resource-download-start { display:flex; flex-wrap:wrap; align-items:center; gap:12px 22px; }
.resource-download .button { font-size:15px; padding:13px 18px; }
.resource-file-link { color:#086a65; text-decoration:underline; text-underline-offset:3px; font-size:15px; padding-block:10px; display:inline-block; }
.resource-file-examples { margin-top:20px; border-top:1px solid #ceddd9; padding-top:16px; }
.resource-file-examples summary { cursor:pointer; color:#28544f; font-size:15px; font-weight:650; }
.resource-file-examples p { margin:12px 0 0; font-size:14px; color:#52626c; }
.resource-file-examples > div { display:flex; flex-wrap:wrap; gap:8px 24px; }
.resource-setup { margin-bottom:30px; }
.resource-setup h2 { font-size:23px; margin-bottom:16px; }
.resource-setup ol { padding-left:23px; }
.resource-setup li { padding-left:6px; margin-bottom:12px; }
.resource-setup li::marker { font-weight:700; color:#08706b; }
@media print { .resource-downloads,.resource-edit-promise { display:none !important; } }
.resource-detail-body { display:grid; grid-template-columns:minmax(0,760px) minmax(210px,1fr); gap:56px; padding-block:32px 64px; }
.resource-intro { font-size:19px; margin:0 0 36px; }
.resource-section { margin:40px 0; }
.resource-section h2 { font-size:25px; margin-bottom:18px; }
.resource-steps { padding-left:24px; }
.resource-steps li { padding-left:8px; margin:0 0 18px; }
.resource-steps li::marker { color:#08706b; font-weight:bold; }
.resource-example { background:#eef5f3; border-left:4px solid #16837c; padding:28px; border-radius:0 14px 14px 0; }
.resource-example dt,.resource-definitions dt { font-weight:700; color:var(--navy-900); margin-top:18px; }
.resource-example dd,.resource-definitions dd { margin:6px 0 0; }
.resource-example dl { margin-bottom:0; }
.resource-sidebar h2 { font-size:18px; }
.resource-sidebar a { display:block; padding:18px 0; border-bottom:1px solid var(--line); font-weight:650; font-size:16px; line-height:1.4; }
.resource-sidebar a span { display:block; font-weight:400; color:#52626c; font-size:13px; margin-top:6px; }
.resource-section a,.resource-product-link a { color:#086a65; text-decoration:underline; text-underline-offset:3px; }
.resource-product-link { border-top:1px solid var(--line); padding-top:24px; font-size:16px; }
.resource-section summary { cursor:pointer; font-weight:650; color:#086a65; }
.resource-section details { font-size:15px; }
.resource-tool { background:#f4f7f9; border:1px solid var(--line); padding:28px; border-radius:16px; scroll-margin-top:110px; }
.resource-tool h2 { margin-bottom:12px; }
.resource-tool label { display:flex; flex-direction:column; gap:8px; font-size:14px; font-weight:650; min-width:0; }
#calculator-controls { border:0; margin:0; padding:0; min-width:0; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.resource-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.resource-tool input,.resource-tool select { width:100%; min-width:0; border:1px solid #8599a3; border-radius:7px; padding:11px; background:white; color:var(--navy-900); min-height:48px; }
.resource-tool #fixed-capacity { max-width:320px; }
.capacity-segment { border:1px solid #bdccce; border-radius:8px; margin:20px 0; padding:16px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; min-width:0; }
.capacity-segment legend { font-size:14px; font-weight:700; padding:0 8px; }
.capacity-segment button { align-self:end; font-size:13px; }
#calculator-error { border-left:4px solid #a5362c; background:#fff0ed; padding:16px; color:#86281f; }
#calculator-result { background:white; border:1px solid #16837c; border-radius:10px; padding:24px; margin-top:24px; }
#calculator-result h3 { font-size:32px; margin:0 0 16px; color:var(--navy-900); }
.resource-warning { color:#823d0d; }
[hidden] { display:none !important; }
.resources-main :focus-visible { outline:3px solid #08706b; outline-offset:4px; }
@media(max-width:1100px) { .resource-detail-body { gap:28px; grid-template-columns:minmax(0,1fr) 220px; } }
@media(max-width:760px) { .resource-container { width:calc(100% - 36px); } .resource-hero { padding-top:42px; } .resource-grid,.resource-detail-body { grid-template-columns:1fr; } .resource-lead { font-size:18px; } .resource-jump { gap:8px 22px; margin-top:28px; } .resource-card { padding:24px; } .resource-library { padding-top:32px; } .resource-tool,.resource-example { padding:20px; } .resource-fields,.capacity-segment { grid-template-columns:1fr; } .resource-actions { align-items:stretch; } .resource-actions .button { flex:1 1 220px; } .resource-breadcrumbs { margin-bottom:26px; } .resource-detail-body { padding-top:26px; } }
@media print { @page { size:letter; margin:0.65in; } .site-header,.site-footer,.skip-link,.resource-sidebar,.resource-breadcrumbs,.resource-detail-head .resource-actions,.resource-product-link,.resource-jump,button { display:none !important; } .resource-container { width:100%; } .resource-detail-body { display:block; padding:0; } .resources-main h1 { font-size:24pt; } .resources-main h2 { font-size:16pt; } .resource-section,.resource-tool { break-inside:avoid; } .resource-tool { background:white; border:0; padding:0; } body { font-size:11pt; } body:has(#calculator-result:not([hidden])) .resource-detail-body > div > :not(.resource-tool),body:has(#calculator-result:not([hidden])) .resource-tool > :not(form),body:has(#calculator-result:not([hidden])) #occupancy-form > :not(#calculator-result) { display:none !important; } #calculator-result { margin:0; } .resource-lead { font-size:12pt; } }