/* Article widgets (pages-src/aw): the window look the site's widgets share (wrap.css), calm on serious pages. */
.aw{margin:1.4rem 0 1.8rem;border:3px solid var(--ink);border-radius:6px;background:var(--paper-hi);box-shadow:4px 4px 0 var(--ink);overflow:hidden}
.aw-bar{padding:4px 10px;border-bottom:3px solid var(--ink);background:repeating-linear-gradient(180deg,var(--ink) 0 2px,transparent 2px 5px);text-align:center}
.aw-bar h2{display:inline-block;margin:0;padding:0 10px;background:var(--paper-hi);font:700 15px/1.6 var(--sans)}
.aw-body{display:grid;gap:12px;padding:16px}.aw-body>*{min-width:0}
.aw-row{display:flex;flex-wrap:wrap;gap:8px}
.aw .chip{padding:0 14px}
.aw .aw-quiet{border-style:dashed}
.aw-q{margin:0;font:700 clamp(19px,2.4vw,23px)/1.3 var(--serif)}
.aw-step,.aw-label{margin:0;font:600 14px/1.4 var(--sans);color:var(--ink2)}
.aw-field{display:grid;gap:6px;font:600 14px/1.4 var(--sans)}
.aw-field input[type=text],.aw-field textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:2px solid var(--ink);border-radius:6px;background:var(--card);color:var(--ink);font:16px/1.45 var(--sans)}
.aw-field textarea{font-family:var(--sans);resize:vertical}
.aw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.aw-hours{display:flex;align-items:center;gap:12px}.aw-hours input{flex:1;min-width:0;accent-color:var(--ink)}
.aw-hours output{min-width:5.5em;font:800 18px var(--serif)}
.aw-out{display:grid;gap:8px;padding:12px 14px;border:2px solid var(--rule);border-radius:6px;background:var(--card)}
.aw-out:empty{display:none}
.aw-out p,.aw-out ol,.aw-out ul{margin:0}
.aw-out[data-tone=ok]{border-color:var(--ink);border-left:8px solid var(--spark)}
.aw-out[data-tone=warn]{border-color:var(--ink);border-left:8px solid var(--water,#0A7090)}
.aw-out[data-tone=stop]{border-color:var(--ink);border-left:8px solid var(--warm)}
.aw-verdict{font:800 22px/1.2 var(--serif)}
.aw-cite{font:600 13px/1.4 var(--sans);color:var(--ink2)}
.aw-note{margin:0;font:italic 14px/1.4 var(--serif);color:var(--ink2)}
.aw-table{width:100%;border-collapse:collapse;font:15px/1.4 var(--sans)}
.aw-table th,.aw-table td{padding:8px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}
.aw-table caption{text-align:left;font:600 14px var(--sans);padding-bottom:6px}
.aw-verdicts{list-style:none;padding:0!important;display:grid;gap:8px}
.aw-verdicts li{margin:0!important;padding:8px 10px;border-left:6px solid var(--rule);background:var(--card)}
.aw-verdicts .aw-no{border-left-color:var(--warm)}.aw-verdicts .aw-change{border-left-color:var(--water,#0A7090)}.aw-verdicts .aw-yes{border-left-color:var(--spark)}
.aw-pre{white-space:pre-wrap;margin:0;padding:12px;border:2px dashed var(--rule);background:var(--card);font:15px/1.5 var(--sans)}
.aw-out.in{animation:aw-in var(--t-base,.2s) var(--ease,ease-out)}
@keyframes aw-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.aw *,.aw-out.in{animation:none!important;transition:none!important}}
/* The fun layer (equipment, permit and home pages only; serious pages have no buddy and no burst): the site's mascot, small. */
.aw-buddy{display:flex;align-items:center;gap:10px}
.aw-buddy-svg{width:92px;flex:none;overflow:visible}
.aw-buddy .lid{opacity:0}
.aw-buddy .aw-frown,.aw-buddy .aw-thumb{opacity:0}
.aw-buddy[data-mood=worried] .smile{opacity:0}.aw-buddy[data-mood=worried] .aw-frown{opacity:1}
.aw-buddy[data-mood=worried] .aw-buddy-svg{transform:rotate(-4deg)}
.aw-buddy[data-mood=happy] .aw-thumb{opacity:1;animation:aw-pop var(--t-base,.25s) var(--ease-snap,ease-out)}
.aw-buddy[data-mood=happy] .aw-buddy-svg{animation:aw-hop .5s var(--ease,ease-out)}
.aw-buddy-svg{transition:transform var(--t-base,.2s)}
.aw-buddy-line{margin:0;font:700 15px/1.35 var(--sans)}
@keyframes aw-pop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
@keyframes aw-hop{0%,100%{transform:none}40%{transform:translateY(-6px) rotate(3deg)}}
.aw-body{position:relative}
.aw-party{position:absolute;right:18px;top:8px;font-size:30px;pointer-events:none;animation:aw-party 1.3s var(--ease,ease-out) forwards}
@keyframes aw-party{0%{transform:translateY(10px) scale(.6);opacity:0}25%{opacity:1;transform:translateY(-6px) scale(1.15) rotate(-8deg)}100%{opacity:0;transform:translateY(-34px) scale(1) rotate(10deg)}}
.aw-thermo-row{display:flex;gap:16px;align-items:center}.aw-thermo{width:52px;flex:none}.aw-thermo-ctl{display:grid;gap:10px;flex:1;min-width:0}
.aw-thermo [data-fill]{transition:height var(--t-story,.4s) var(--ease,ease-out),y var(--t-story,.4s) var(--ease,ease-out),fill var(--t-base,.2s)}
.aw-thermo [data-fill][data-ok=false]{fill:var(--warm,#C2410C)}
.aw-fun .chip[data-right=true]{background:var(--spark);border-color:var(--ink);color:var(--ink)}
.aw-fun .chip[data-right=false]{text-decoration:line-through}
.aw-safety{color:var(--ink)}
.ops-block{margin:1rem 0;padding:12px 16px;border-left:4px solid var(--water,#0A7090);background:var(--card)}
.ops-block h3{margin:.8rem 0 .3rem}
@media (prefers-reduced-motion:reduce){.aw-buddy *,.aw-buddy-svg,.aw-party,.aw-thermo [data-fill]{animation:none!important;transition:none!important}}
.aw-san{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:0}.aw-san dt{font:700 14px var(--sans)}.aw-san dd{margin:0}
.aw-field select{min-height:44px;padding:0 12px;border:2px solid var(--ink);border-radius:6px;background:var(--card);color:var(--ink);font:16px var(--sans)}
.aw-plan{display:grid;gap:8px;padding-left:1.4rem}.aw-plan ul{margin:.2rem 0 0;font-size:.95em}.aw-plan input{width:20px;height:20px;vertical-align:-3px}
.aw-check{list-style:none;padding:0!important;display:grid;gap:8px}.aw-check li{margin:0!important;padding:8px 10px;border:2px solid var(--rule);border-radius:6px;background:var(--card)}.aw-check small{display:block;margin-left:28px;color:var(--ink2)}.aw-check input{width:20px;height:20px;vertical-align:-3px}
.aw-q-set{border:0;margin:0;padding:0;display:grid;gap:6px}
.aw-days{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.aw-days li{display:grid;justify-items:center;gap:2px;padding:8px 0;border:2px solid var(--ink);border-radius:4px;background:var(--card);font-family:var(--sans);animation:aw-flip var(--t-base,.25s) var(--ease,ease-out) both}
.aw-days li:nth-child(2){animation-delay:.05s}.aw-days li:nth-child(3){animation-delay:.1s}.aw-days li:nth-child(4){animation-delay:.15s}.aw-days li:nth-child(5){animation-delay:.2s}
.aw-days small{font:600 11px var(--sans)}.aw-days b{font:700 14px var(--sans)}
.aw-days .ok{background:var(--spark)}.aw-days .last{background:var(--warm)}
@keyframes aw-flip{from{transform:rotateX(90deg);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.aw-days li{animation:none!important}}
@media print{.aw-buddy,.aw .aw-row,.aw-out,.aw-note{display:none!important}}
