/* Always loaded (wild and plain): "More" dropdown + wild/plain switch. */
.nao-more{position:relative}
.nao-more>.nao-more-btn{font:inherit;color:inherit;background:none;border:0;padding:inherit;cursor:pointer;text-transform:inherit;letter-spacing:inherit;display:inline-flex;align-items:center;gap:.35em}
.nao-more>.nao-more-btn::after{content:"";width:.45em;height:.45em;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-.12em) rotate(45deg);transition:transform .2s}
.nao-more.is-open>.nao-more-btn::after{transform:translateY(.1em) rotate(225deg)}
.nao-sub{display:none;position:absolute;top:100%;left:0;z-index:60;min-width:12em;margin:0;padding:.4rem 0;list-style:none;background:#fff;color:#222;border:2px solid rgba(0,0,0,.65);box-shadow:4px 4px 0 rgba(0,0,0,.25)}
.nao-more:hover>.nao-sub,.nao-more:focus-within>.nao-sub,.nao-more.is-open>.nao-sub{display:block}
.nao-sub li{margin:0;display:block}
.nao-sub a{display:block;padding:.55rem 1rem;white-space:nowrap;color:inherit;text-decoration:none}
.nao-sub a:hover,.nao-sub a:focus{background:rgba(0,0,0,.08)}
@media (max-width:900px){
  .nao-sub{position:static;box-shadow:none;border:0;border-left:2px solid rgba(0,0,0,.25);margin:.25rem 0 .25rem .5rem;background:transparent}
  .nao-more:hover>.nao-sub{display:none}.nao-more.is-open>.nao-sub{display:block}
}
.nao-wild-btn{width:40px;height:40px;display:inline-grid;place-items:center;padding:0;margin-left:8px;flex:none;border-radius:50%;border:1.5px solid currentColor;background:transparent;color:inherit;cursor:pointer;vertical-align:middle;opacity:.9}
.nao-wild-btn:hover,.nao-wild-btn:focus-visible{opacity:1;background:rgba(127,127,127,.18)}
.nao-wild-btn svg{width:22px;height:22px;display:block}
.nao-wild-btn .x{display:none}
.nao-wild-btn[aria-pressed=false] .x{display:block}
.nao-wild-btn[aria-pressed=false]{opacity:.7}

.nao-wild-btn.in-tod{margin-left:4px}
/* header brand (also used in plain mode, where the wild stylesheet is not loaded) */
.brand-badge{display:block;width:44px;height:44px;flex:none;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #d0a45d,0 2px 8px rgba(0,0,0,.25)}
.nao-plain .site-header .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.nao-plain .site-header .brand span{display:flex;flex-direction:column;font-weight:900;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(18px,1.1vw + 10px,26px);line-height:.95}
.nao-plain .site-header .brand span strong{display:block;font-size:.44em;letter-spacing:.42em;color:#d9651a;font-weight:800;margin-top:.3em;line-height:1}
@media (max-width:640px){.brand-badge{width:40px;height:40px}}

/* Buck Bama brand palette (from the brand package, 07-guidelines / brand-tokens.css) */
:root{--buck-forest:#062B14;--buck-cream:#FAEFD4;--buck-orange:#FA7609;--buck-sage:#628E63;--buck-olive:#8C8B42;--buck-ink:#181916}

/* "Ask Buck" questions (inc/answers.php). Native details elements, collapsed until opened. Base look for wild and plain. */
.nao-faq{margin:2.6rem 0 1.4rem;clear:both}
.nao-faq-sec{margin-top:3rem;margin-bottom:3rem}
.nao-faq-head{margin:0 0 1rem}
.nao-faq-head .eyebrow{margin:0 0 .25rem}
.nao-faq-head h2{margin:0}
.nao-faq-list{display:grid;gap:.7rem;max-width:62rem}
.nao-q{border:2px solid currentColor;background:rgba(127,127,127,.07)}
.nao-q>summary{display:flex;flex-wrap:wrap;gap:.2rem .9rem;align-items:baseline;cursor:pointer;list-style:none;padding:.9rem 3.2rem .9rem 1rem;position:relative;font-weight:700;line-height:1.3}
.nao-q>summary::-webkit-details-marker{display:none}
.nao-q>summary::marker{content:""}
.nao-q>summary::after{content:"+";position:absolute;right:1rem;top:.55rem;font-size:1.7rem;font-weight:400;line-height:1}
.nao-q[open]>summary::after{content:"\2212"}
.nao-q>summary:focus-visible{outline:3px solid #d9651a;outline-offset:2px}
.nao-q-g{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;opacity:.72;font-weight:800;white-space:nowrap}
.nao-q-a{padding:0 1rem 1rem}
.nao-q-a p{margin:.5rem 0 0;max-width:60ch}
.nao-q-a p:first-child{margin-top:.1rem}
@media (max-width:640px){.nao-q>summary{padding-right:2.8rem}.nao-q-g{flex-basis:100%}}

/* Filter search box (1.17.0) and controls hidden because nothing matches them */
.filters label[hidden]{display:none!important}
.filters .nao-fs{flex:1 1 220px;min-width:180px}
.filters .nao-fs input[type=search]{box-sizing:border-box;width:100%;height:43px;min-height:43px;padding:10px 12px;border:1px solid #bfc9bb;border-radius:0;background:#fffef9;color:inherit;font:inherit;font-size:13px;-webkit-appearance:none;appearance:none}
.filters .nao-fs input[type=search]:focus{outline:2px solid #c9a227;outline-offset:1px}

/* Activity tiles: the last row is centered, whatever the tile count (hidden/empty activities change it) */
.activity-grid{--ag-cols:6;--ag-gap:0px;display:flex;flex-wrap:wrap;justify-content:center;column-gap:var(--ag-gap)}
.activity-grid>.activity-tile{box-sizing:border-box;flex:0 0 calc((100% - (var(--ag-cols) - 1) * var(--ag-gap)) / var(--ag-cols));max-width:calc((100% - (var(--ag-cols) - 1) * var(--ag-gap)) / var(--ag-cols))}
@media (max-width:900px){.activity-grid{--ag-cols:3}}
@media (max-width:640px){.activity-grid{--ag-cols:2}}

/* Photo spots nearby strip: same grid as the theme's other card rows */
.photo-nearby .meta{margin:.4em 0 0}

/* Design-review chrome stays out even if a cached page still carries it (1.19.0) */
.preview-bar,.footer-preview,.sample-label,.fixture-note{display:none!important}

/* Real photos (featured images) fill the same 3:2 frame the illustrations use, whatever their shape */
.card-image img.nao-photo,.detail-image img.nao-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.detail-image.has-photo{margin-bottom:0}