#bbs-demo-toolbar{position:sticky;top:0;z-index:99999;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#123b30;color:#fff;padding:10px 16px;font:14px/1.45 system-ui}#bbs-demo-toolbar a{color:#fff;text-decoration:underline}#bbs-demo-toolbar nav{display:flex;gap:10px;flex-wrap:wrap}#bbs-demo-toolbar button{border:1px solid #789c8c;border-radius:7px;padding:7px 10px;background:#fff;color:#123b30;font:inherit;cursor:pointer}#bbs-demo-toolbar output{flex-basis:100%;font-weight:500}#bbs-demo-toolbar [hidden]{display:none!important}.bbs-demo-gallery{max-width:1180px;margin:40px auto;padding:0 20px;color:#183c32;font:17px/1.65 system-ui}.bbs-demo-gallery h1{font-size:clamp(32px,6vw,56px);line-height:1.1;max-width:820px}.bbs-demo-gallery .notice{padding:18px;background:#f0f4ee;border-radius:12px}.bbs-demo-start{max-width:820px}.bbs-demo-gallery.bbs-demo-start .cards{grid-template-columns:minmax(0,1fr)}.bbs-demo-gallery .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px;margin:28px 0}.bbs-demo-gallery article{border:1px solid #ccd7cd;border-radius:16px;padding:24px;background:#fff}.bbs-demo-gallery button{background:#194d3c;color:#fff;padding:12px 18px;border:0;border-radius:8px;font:inherit;cursor:pointer}.bbs-demo-gallery button:disabled{opacity:.55}.bbs-demo-gallery small{display:block}.bbs-demo-gallery h2{font-size:25px;line-height:1.2}.bbs-demo-gallery article{padding:0;overflow:hidden}.demo-card-body{padding:22px}.demo-card-body>button{margin-top:16px}.demo-card-body details{font-size:14px}.demo-card-body summary{cursor:pointer;min-height:38px}.bbs-demo-gallery article{min-width:0;container-type:inline-size}.demo-card-body{min-width:0;overflow-wrap:anywhere}.demo-card-body>button{max-width:100%;white-space:normal}.demo-card-preview{min-height:216px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);position:relative;overflow:hidden}.demo-card-preview,.demo-card-preview>*{box-sizing:border-box;min-width:0}.demo-card-preview>img{grid-column:2;grid-row:1;width:100%;height:100%;min-height:216px;object-fit:cover;align-self:stretch}.demo-card-preview>div{grid-column:1;grid-row:1;position:relative;padding:25px 20px;align-self:center}.demo-card-preview strong{display:block;font:500 24px/1.12 Georgia,serif;letter-spacing:-.03em;margin-top:14px;overflow-wrap:anywhere}.demo-card-preview small{font-size:9px;text-transform:uppercase;letter-spacing:.1em}.demo-card-preview.owner,.demo-card-preview:not(:has(>img)){grid-template-columns:minmax(0,1fr)}.demo-card-preview.owner>div{max-width:none}.demo-card-preview.owner strong{font-size:23px}.demo-card-preview.owner ul{padding-left:15px;font-size:10px;line-height:1.6}.photo-credit{font-size:10px;color:#687a70}.demo-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.bbs-demo-gallery .demo-filters button{background:white;color:#294e38;border:1px solid #c4d2c4;border-radius:100px;font-size:13px}.bbs-demo-gallery .demo-filters button[aria-pressed=true]{background:#294e38;color:white}.bbs-demo-gallery article[hidden]{display:none}.bbs-demo-gallery article.is-selected{outline:3px solid #779746;outline-offset:3px}.gallery-proof{font-size:14px;max-width:750px}.bbs-demo-gallery a{color:inherit}.bbs-demo-gallery button:focus-visible,.bbs-demo-gallery summary:focus-visible{outline:3px solid #9ab654;outline-offset:3px}body:has(.bbs-demo-gallery){background:#fbfcf9;margin:0}@container(max-width:380px){.demo-card-preview:not(.owner){grid-template-columns:minmax(0,1fr)}.demo-card-preview>img{grid-column:1;grid-row:1;height:160px;min-height:0}.demo-card-preview:has(>img)>div{grid-column:1;grid-row:2}.demo-card-preview>div{padding:22px 20px}}@media(max-width:600px){#bbs-demo-toolbar{font-size:12px}#bbs-demo-toolbar button{padding:7px}.bbs-demo-gallery{margin-top:24px}}