:root{color:#384b49;--paper:#f7f4eb;--muted:#68736f;--line:#dcdace;--surface:#f0ece2;--accent:#294d3e;--blue:#dcebed;--sea:#426a73;background:#f7f4eb;font:15px/1.8 Zen Maru Gothic,Hiragino Maru Gothic ProN,Yu Gothic,sans-serif}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,dl,dd{margin:0}body{overflow-wrap:anywhere}h1,h2,h3,h4{color:var(--accent);font-weight:700;line-height:1.5}h1{font-size:26px}h2{font-size:20px}h3,h4{font-size:16px}a{color:var(--accent);text-underline-offset:5px;text-decoration-thickness:1px}button,input,select,textarea{border:1px solid var(--line);min-width:0;max-width:100%;min-height:44px;color:inherit;font:inherit;background:#fffdf8;border-radius:10px;padding:9px 16px}input,select,textarea{width:100%;font-size:16px}textarea{resize:vertical}button,summary{cursor:pointer}button{font-weight:500;transition:background-color .15s,border-color .15s}:where(button:hover:not(:disabled)){background:var(--surface)}:where(button,input,select,textarea):disabled{opacity:.5;cursor:not-allowed}:where(button,input,select,textarea,a,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.primary,[aria-selected=true],[aria-pressed=true],[role=switch][aria-checked=true]{border-color:var(--accent);background:var(--accent);color:#fff}.primary{letter-spacing:.025em;padding-block:13px;font-weight:700}.primary:hover:not(:disabled){filter:brightness(.9)}.icon-button{border-radius:50%;flex-shrink:0;width:44px;padding:0;font-size:24px}.text-button{color:var(--accent);text-underline-offset:4px;background:0 0;border:0;padding:4px 0;text-decoration:underline}form,fieldset,.stack,.fields{gap:16px;min-width:0;display:grid}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:12px;padding:0;font-weight:700}label{gap:8px;min-width:0;font-size:14px;display:grid}label:has(input[type=checkbox]){align-items:flex-start;display:flex}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--accent);flex:none;margin:3px 0 0;padding:0}fieldset>button{justify-self:start}.page{width:min(100% - 64px,1200px);margin-inline:auto;padding-block:32px}.stack>*,.split>*{min-width:0}.row,.split,[role=tablist]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.split{justify-content:space-between;align-items:flex-start}.fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));align-items:end}.panel,.notice,[role=alert]{border:1px solid var(--line);border-radius:16px;min-width:0;padding:24px}.panel{background:#fffdf8}.notice{background:var(--surface)}.divider,details{border-top:1px solid var(--line);padding-top:16px}.muted,small,dt{color:var(--muted);font-size:13px}small{display:block}[role=alert]{color:#923f2e;background:#fff4ee;border-color:#ba7965}[role=status]:empty{display:none}[role=tab]{flex:1}[role=tablist]{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:5px;padding:5px}[role=tab]:not([aria-selected=true]){background:0 0;border-color:#0000}dl>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(120px,.4fr) minmax(0,1fr);gap:8px 16px;padding-block:8px;display:grid}dd,.pre-wrap{white-space:pre-wrap}.order-detail-value{align-items:baseline;gap:16px;min-width:0;display:flex}.order-detail-value>span{min-width:0}.order-detail-value>button{flex-shrink:0}.order-detail>div>dd{white-space:normal}summary{padding-bottom:16px}details>:not(summary)+*{margin-top:16px}.scroll-x{min-width:0;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--line);text-align:left;min-width:100px;padding:12px}th{background:var(--surface);font-weight:500}.public-page{--public-content-width:clamp(280px, calc((100svh - 164px) * 16 / 9), 1440px);--public-gutter:64px;isolation:isolate;gap:0}.public-page .page{width:min(calc(100% - var(--public-gutter)), var(--public-content-width));padding-block:0}.public-page:before{content:"";z-index:-1;pointer-events:none;background:url(/images/humboldt-cliffs-background.png) 50%/cover no-repeat;position:fixed;inset:0}.site-header{border-bottom:1px solid var(--line);align-items:center;min-height:64px;display:flex}.site-brand{color:var(--accent);text-decoration:none}.site-brand h1{letter-spacing:.04em;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:19px;display:flex}.site-brand h1 span{letter-spacing:.24em;font-size:10px}.public-main{gap:28px;padding-top:16px}.live-area{container-type:inline-size}.eyebrow{color:var(--sea);letter-spacing:.12em;font-size:12px;font-weight:500}.live-layout,.animal-about{scroll-margin-top:24px}.live-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;display:grid}.live-heading{align-items:center;gap:12px 20px;min-height:48px}.live-heading h2{font-size:19px}.live-support-button{flex-shrink:0;min-height:48px;padding:10px 20px;font-size:14px}.video-frame{aspect-ratio:16/9;background:#37565e;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;display:block}.video-placeholder{height:100%;color:var(--paper);text-align:center;place-content:center;gap:12px;padding:16px;display:grid}.video-placeholder>span:last-child{color:#dbe7e5;font-size:12px}.feeding-banner{background:#efe2c7;border-color:#dfceb0;gap:4px;padding:16px 20px}.support-panel{border-bottom:1px solid var(--line);text-align:left;background:#f7f4ebeb;grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:8px 24px;padding:14px 20px}.support-panel>.supporter-list,.support-panel>.supporter-empty{grid-column:2}.support-panel>.supporter-list{flex-wrap:wrap;gap:6px 20px;max-height:90px;display:flex}.support-panel h2{grid-column:1;padding-top:1px;font-size:14px}.support-panel .supporter-list li{text-align:left;background:0 0;border:0;border-left:2px solid #b9c6bb;border-radius:0;max-width:100%;padding:0 0 0 10px}.supporter-empty{align-self:center}.supporter-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,110px),1fr));align-content:start;gap:8px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.supporter-list li{color:var(--accent);text-align:center;background:#fcf9f0;border:1px solid #dbd6c6;border-radius:3px 8px 5px 7px;padding:8px 10px;font-size:13px}.supporter-list:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.animal-about{border-top:1px solid #a6aaa04d;margin-top:8px;padding-block:28px 24px}.animal-about,.site-footer{isolation:isolate;position:relative}.animal-about:before,.site-footer:before{content:"";z-index:-1;pointer-events:none;background:#f7f4ebd6;position:absolute;inset:0}.animal-about:before{background:linear-gradient(#0000,#f7f4ebd6 56px);top:-32px}.animal-about h2{font-size:20px}.animal-facts,.notes-content>p{color:#344b44;max-width:64em;font-size:14px;line-height:2.1}.animal-facts{border-top:1px solid #a6aaa04d}.animal-facts>div{border-bottom-color:#a6aaa04d;grid-template-columns:5em minmax(0,1fr);gap:8px 20px;padding-block:10px}.animal-facts dt{color:var(--accent);font-size:inherit;font-weight:500}.animal-facts dd{white-space:normal}.site-footer{color:#4b6159;border-top:1px solid #a6aaa04d;padding-block:20px 40px;font-size:12px}.footer-content{gap:12px}.site-footer nav{gap:24px}.site-footer a{padding-block:8px;display:inline-block}.admin-page{gap:28px}.admin-header{border-bottom:1px solid var(--line);padding-block:8px 24px}.admin-header .stack{gap:8px}.admin-header>a{padding-block:12px;font-size:13px}.admin-page .panel{padding:20px 24px}.dialog{border:1px solid var(--line);background:var(--paper);width:min(540px,100% - 24px);max-width:none;max-height:calc(100svh - 24px);color:inherit;border-radius:22px;margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 80px #304b5133}.dialog[open],.dialog-form{flex-direction:column;gap:0;min-height:0;display:flex}.dialog::backdrop{background:#25393d8c}.dialog-header,.dialog-body,.dialog-footer{padding:24px}.dialog-header,.dialog-footer{flex-shrink:0}.dialog-header{border-bottom:1px solid var(--line)}.dialog-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}.dialog-footer{padding-bottom:max(24px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffdf8}.dialog-footer .primary{flex:1}.admin-dialog{width:min(880px,100% - 24px)}.admin-dialog-heading{flex:1;min-width:0}.admin-dialog-heading p{margin-top:8px}.admin-detail-navigation{gap:8px}.order-selected{background:var(--blue)}.stepper{color:var(--muted);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;font-size:11px;list-style:none;display:grid}.stepper li{text-align:center;gap:6px;display:grid}.stepper li:before{content:"";background:var(--line);border-radius:2px;height:3px}.stepper [aria-current=step]:before{background:var(--accent)}[aria-current=step]{color:var(--accent);font-weight:700}.support-field,.support-preview{gap:6px;display:grid}.support-preview{border-block:1px solid var(--line);padding-block:12px}.support-preview-name{color:var(--accent);border-left:2px solid #b9c6bb;padding-left:10px;font-size:13px}.support-price{color:var(--accent);font-size:17px}.support-price span{font-size:14px;display:inline-block}.support-summary>div{grid-template-columns:4em minmax(0,1fr);gap:12px}.support-summary dd{white-space:normal}.support-conditions{gap:12px;font-size:13px}.support-conditions ul{gap:6px;margin:0;padding-left:1.4em;display:grid}.calendar-header,.calendar-grid{text-align:center;align-items:center;gap:4px;display:grid}.calendar-header{grid-template-columns:44px minmax(0,1fr) 44px}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-day{min-height:54px;padding:4px 0}.calendar-day small{color:inherit;white-space:nowrap;font-size:10px}.result-page{place-items:center;min-height:100svh;display:grid}.result-page>.panel{border-top:5px solid #c5a34c;width:min(100%,580px);padding:32px}.result-page h1{font-size:24px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}@media (width<=980px){.live-heading h2{font-size:17px}}@media (width<=760px){.public-page{--public-gutter:40px}.page{width:calc(100% - 40px)}.animal-about{padding-block:24px 20px}}@media (width<=600px),(orientation:portrait){.public-page:before{background-image:url(/images/humboldt-cliffs-background-mobile.png);background-position:top}}@media (width<=600px){dl>div{grid-template-columns:minmax(0,1fr);gap:4px}.site-brand h1{font-size:16px}.public-main{gap:24px}.live-heading h2{font-size:16px}.video-placeholder{gap:6px;padding:12px;font-size:13px}.dialog-header,.dialog-body,.dialog-footer,.panel,.admin-page .panel,.result-page>.panel{padding:20px}.dialog-footer{padding-bottom:max(20px, env(safe-area-inset-bottom))}.admin-header h1,.result-page h1{font-size:21px}.admin-header .eyebrow{font-size:10px}.site-footer nav{gap:16px}}@container (width<=600px){.support-panel{grid-template-columns:minmax(0,1fr);padding:16px}.support-panel>.supporter-list,.support-panel>.supporter-empty{grid-column:1}}@container (width<=440px){.live-heading{display:contents}.live-heading h2{grid-row:1}.video-frame{grid-row:2}.live-support-button{grid-row:3;width:100%;font-size:15px}}@media (prefers-reduced-motion:reduce){button{transition:none}}
