@font-face{font-family:"Bitter";src:url(/assets/font-4b2y6yeg-bitter-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Bitter";src:url(/assets/font-4b2y6yeg-bitter-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Work Sans";src:url(/assets/font-4b2y6yeg-work-sans-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Work Sans";src:url(/assets/font-4b2y6yeg-work-sans-600.woff2) format("woff2");font-weight:600 700;font-style:normal;font-display:swap}
:root{--ink:#2A1A0E;--paper:#F3E6C4;--paper-hi:#FBF3DC;--sand:#E8D2A0;--sand-deep:#D6B378;--soil:#33200F;--teal:#1E5A56;--teal-hi:#2E7A74;--glass:#CFE4DF;--rust:#8A3414;--amber:#E3A81C;--muted:#4D3B2A;--line:#B99A62;--radius:20px;--measure:66ch;--font-head:"Bitter",Georgia,"Times New Roman",serif;--font-body:"Work Sans",Arial,sans-serif;--maxw:1100px;--organic:26px 16px 30px 14px/16px 28px 14px 26px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.62;background-color:var(--paper);background-image:radial-gradient(circle at 20% 30%,rgba(120,84,36,.2) 0 1.1px,transparent 1.6px),radial-gradient(circle at 70% 60%,rgba(120,84,36,.16) 0 1.4px,transparent 1.9px),radial-gradient(circle at 40% 85%,rgba(120,84,36,.14) 0 .9px,transparent 1.4px);background-size:37px 41px,53px 47px,29px 31px}
img{max-width:100%;height:auto;display:block}
a{color:var(--teal);text-decoration-thickness:1.5px;text-underline-offset:3px}a:hover{text-decoration-thickness:3px}.ss4ug-article a:not(.ss4ug-btn):hover,.ss4ug-faq a:not(.ss4ug-btn):hover,.ss4ug-note a:hover,.ss4ug-lead a:hover,.ss4ug-disclosure a:hover{color:var(--rust)}
h1,h2,h3{font-family:var(--font-head);font-weight:700;line-height:1.14;margin:0 0 .55em;letter-spacing:0;color:var(--soil)}
h1{font-size:clamp(2.15rem,5vw,3.6rem);line-height:1.07}h2{font-size:clamp(1.65rem,3.2vw,2.4rem)}h3{font-size:1.28rem}
p{margin:0 0 1em;max-width:var(--measure)}
strong{font-weight:600}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.ss4ug-wrap{width:min(100% - 2rem,var(--maxw));margin-inline:auto}
.ss4ug-skip{position:absolute;left:-999px;top:0;background:var(--soil);color:var(--paper);padding:.7rem 1rem}.ss4ug-skip:focus{left:1rem;top:1rem;z-index:99}
/* acrylic frame header */
.ss4ug-head{position:sticky;top:0;z-index:30;background:var(--teal);color:var(--paper);border-bottom:6px solid var(--teal-hi);box-shadow:0 3px 0 var(--soil)}
.ss4ug-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px}
.ss4ug-brand{display:inline-flex;align-items:center;gap:.65rem;min-height:44px;font-family:var(--font-head);font-weight:700;font-size:1.2rem;color:var(--paper);text-decoration:none}.ss4ug-brand:hover,.ss4ug-foot .ss4ug-brand:hover{color:var(--paper)}.ss4ug-brand img{width:34px;height:34px;border-radius:9px;background:var(--paper)}
.ss4ug-links{display:flex;gap:.3rem;align-items:center}.ss4ug-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 .8rem;color:var(--paper);text-decoration:none;font-weight:600;font-size:.98rem;border-radius:12px 8px 14px 8px}.ss4ug-links a:hover{background:var(--soil);color:var(--paper)}
.ss4ug-links a.ss4ug-cta,.ss4ug-cta{background:var(--amber);color:var(--soil)!important;padding:0 1.1rem;border-radius:999px;font-weight:700;box-shadow:3px 3px 0 var(--soil)}.ss4ug-links a.ss4ug-cta:hover{background:#F2C14E;color:var(--soil)!important}
.ss4ug-menu{display:none;align-items:center;justify-content:center;min-width:46px;min-height:46px;background:transparent;border:2px solid var(--paper);border-radius:12px;padding:.4rem .5rem;color:var(--paper)}
@media (max-width:760px){.ss4ug-menu{display:inline-flex}.ss4ug-links{display:none;position:absolute;left:0;right:0;top:68px;background:var(--teal);border-bottom:6px solid var(--teal-hi);flex-direction:column;align-items:stretch;padding:1rem;gap:.4rem}.ss4ug-links[data-open]{display:flex}.ss4ug-links a{padding:0 1rem}}
/* the sheet: sand ground, depth ruler at the margin */
main{position:relative;display:block}
@media (min-width:1260px){main::before{content:"";position:absolute;left:12px;top:0;bottom:0;width:26px;background:linear-gradient(90deg,var(--soil) 0 2px,transparent 2px),repeating-linear-gradient(180deg,var(--soil) 0 3px,transparent 3px 96px) left/26px 100% no-repeat,repeating-linear-gradient(180deg,var(--soil) 0 2px,transparent 2px 16px) left/12px 100% no-repeat;opacity:.55;pointer-events:none}}
.ss4ug-section,.ss4ug-hero{position:relative}
.ss4ug-section{padding:3.4rem 0 3.6rem}
.ss4ug-section--soft{background:linear-gradient(180deg,rgba(214,179,120,.38),rgba(232,210,160,.5))}
.ss4ug-section--deep,.ss4ug-soil{background-color:var(--soil);background-image:radial-gradient(circle at 25% 35%,rgba(243,230,196,.22) 0 1.2px,transparent 1.8px),radial-gradient(circle at 75% 65%,rgba(243,230,196,.16) 0 1.5px,transparent 2px);background-size:41px 43px,59px 53px;color:var(--paper)}
.ss4ug-section--deep h2,.ss4ug-section--deep h3,.ss4ug-soil h2{color:var(--paper)}.ss4ug-section--deep a,.ss4ug-soil a{color:#F4D27A}.ss4ug-section--deep a:hover,.ss4ug-soil a:hover{color:#fff}
/* tunnels between levels: neat at the top, looser each level down */
.ss4ug-level::before{content:"";position:absolute;left:0;right:0;top:0;height:20px;background-repeat:repeat-x;background-position:center;pointer-events:none}
main>section:nth-of-type(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='18' viewBox='0 0 96 18'%3E%3Cpath d='M0 9H96' fill='none' stroke='%2333200F' stroke-width='4' stroke-dasharray='12 6' stroke-linecap='round'/%3E%3C/svg%3E");top:4px}
main>section:nth-of-type(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='18' viewBox='0 0 96 18'%3E%3Cpath d='M0 9Q24 4 48 9T96 9' fill='none' stroke='%2333200F' stroke-width='4' stroke-dasharray='14 6' stroke-linecap='round'/%3E%3C/svg%3E");top:4px}
main>section:nth-of-type(5)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='144' height='18' viewBox='0 0 144 18'%3E%3Cpath d='M0 9C20 1 40 17 70 8S120 15 144 9' fill='none' stroke='%2333200F' stroke-width='4.5' stroke-dasharray='9 7 15 5' stroke-linecap='round'/%3E%3C/svg%3E");top:5px}
main>section:nth-of-type(6)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='144' height='18' viewBox='0 0 144 18'%3E%3Cpath d='M0 9C20 1 40 17 70 8S120 15 144 9' fill='none' stroke='%23F3E6C4' stroke-width='4.5' stroke-dasharray='9 7 15 5' stroke-linecap='round'/%3E%3C/svg%3E");top:6px}
main>section:nth-of-type(7)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='20' viewBox='0 0 200 20'%3E%3Cpath d='M0 10C14 1 30 19 52 8S92 18 110 7 160 17 200 10' fill='none' stroke='%2333200F' stroke-width='5.5' stroke-dasharray='6 9 17 4 10 8' stroke-linecap='round'/%3E%3C/svg%3E");top:6px}
.ss4ug-hero{padding:2.6rem 0 3.2rem;background:linear-gradient(180deg,var(--paper-hi) 0,rgba(243,230,196,0) 100%)}
.ss4ug-slab-row{display:grid;grid-template-columns:1.2fr .8fr;gap:2.4rem;align-items:center}
.ss4ug-entry{padding-left:1.2rem;border-left:5px solid var(--soil);border-image:repeating-linear-gradient(180deg,var(--soil) 0 14px,transparent 14px 20px) 1}
.ss4ug-slab{justify-self:center;width:100%;max-width:400px}.ss4ug-slab svg{display:block;width:100%;height:auto;filter:drop-shadow(7px 8px 0 rgba(51,32,15,.35))}
@media (max-width:900px){.ss4ug-slab-row{grid-template-columns:1fr;gap:1.6rem}.ss4ug-slab{max-width:300px;order:-1}.ss4ug-entry{padding-left:.9rem}}
.ss4ug-actions{margin:1.5rem 0 0!important;display:flex;flex-wrap:wrap;gap:.8rem}
.ss4ug-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.6rem}
.ss4ug-mosaic a{position:relative;display:block;aspect-ratio:8/5;overflow:hidden;background:var(--soil);border:8px solid var(--teal);border-radius:var(--organic);box-shadow:5px 6px 0 var(--soil)}
.ss4ug-mosaic a:first-child{grid-column:auto;aspect-ratio:8/5}.ss4ug-mosaic a:nth-child(2){transform:translateY(8px) rotate(-.6deg)}.ss4ug-mosaic a:nth-child(3){transform:translateY(18px) rotate(1deg)}
.ss4ug-mosaic a:hover{color:var(--paper)}.ss4ug-mosaic img{width:100%;height:100%;object-fit:cover}
.ss4ug-mosaic span{position:absolute;left:0;right:0;bottom:0;padding:.6rem .8rem;background:var(--soil);color:var(--paper);font-weight:600;font-size:.95rem;line-height:1.3}
@media (max-width:760px){.ss4ug-mosaic{grid-template-columns:1fr;gap:1.2rem}.ss4ug-mosaic a:nth-child(2){transform:rotate(-.5deg)}.ss4ug-mosaic a:nth-child(3){transform:rotate(.7deg)}}
.ss4ug-eyebrow{display:flex;align-items:center;gap:.7rem;text-transform:none;letter-spacing:.02em;font-size:.95rem;font-weight:600;color:var(--rust);margin:0 0 .7rem}
.ss4ug-eyebrow::before{content:"";flex:none;width:34px;height:0;border-top:4px dashed var(--rust)}
.ss4ug-lead{font-size:1.14rem;color:var(--muted)}
.ss4ug-trust{display:flex;flex-wrap:wrap;gap:.5rem .6rem;margin:1.1rem 0 0;padding:0;list-style:none;font-size:.95rem}
.ss4ug-trust li{background:var(--paper-hi);border:2px solid var(--soil);border-radius:999px 14px 999px 14px;padding:.3rem .85rem}
.ss4ug-trust li::before{content:"\2022\00a0";color:var(--rust);font-weight:700}
.ss4ug-level-head,.ss4ug-learn-head,.ss4ug-log-head,.ss4ug-why-head{margin-bottom:1.8rem;max-width:var(--measure)}
.ss4ug-strip,.ss4ug-trail{max-width:520px;margin-top:.6rem}.ss4ug-strip svg{width:100%;height:auto;display:block}.ss4ug-trail{max-width:240px}.ss4ug-trail svg{width:100%;height:auto;display:block}
.ss4ug-cols{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.ss4ug-card{display:block;position:relative;background:var(--paper-hi);color:var(--ink);border:3px solid var(--soil);border-radius:var(--organic);padding:1.4rem 1.4rem 1.2rem;box-shadow:5px 6px 0 var(--soil);text-decoration:none}
.ss4ug-card h3{color:var(--soil)}.ss4ug-card p{color:var(--muted);margin-bottom:.4rem}
a.ss4ug-card:hover{background:#fff;color:var(--ink)}a.ss4ug-card:hover h3{color:var(--rust)}
.ss4ug-steps .ss4ug-card:nth-child(2){margin-top:.6rem;transform:rotate(-.5deg)}.ss4ug-steps .ss4ug-card:nth-child(3){margin-top:1.3rem;transform:rotate(.9deg)}
.ss4ug-learn .ss4ug-card:nth-child(2){margin-top:.5rem;transform:rotate(.5deg)}.ss4ug-learn .ss4ug-card:nth-child(3){margin-top:1.2rem;transform:rotate(-.9deg)}.ss4ug-learn .ss4ug-card:nth-child(4){margin-top:1.9rem;transform:rotate(1.3deg)}
.ss4ug-num{display:inline-grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:52% 48% 55% 45%/48% 56% 44% 52%;background:var(--soil);color:var(--paper);font-family:var(--font-head);font-weight:700;font-size:1.25rem;margin-bottom:.8rem}
.ss4ug-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;border:2px solid var(--soil);border-radius:999px 16px 999px 16px;padding:.7rem 1.4rem;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;box-shadow:4px 4px 0 var(--soil);transition:transform .15s,box-shadow .15s}
.ss4ug-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--soil)}
.ss4ug-btn--primary{background:var(--teal);color:#fff}.ss4ug-btn--primary:hover{background:#174744;color:#fff;filter:none}
.ss4ug-btn--ghost{background:var(--paper-hi);color:var(--soil);border:2px solid var(--soil)}.ss4ug-btn--ghost:hover{background:var(--amber);color:var(--soil)}
.ss4ug-btn[disabled]{opacity:.65;cursor:progress}
/* quote: the acrylic slab around the form */
.ss4ug-quote{background:var(--paper-hi);border:12px solid var(--teal);outline:3px solid var(--soil);border-radius:30px 18px 32px 18px/18px 30px 18px 32px;padding:1.6rem 1.5rem 1.5rem;box-shadow:8px 9px 0 var(--soil)}
.ss4ug-quote h2{font-size:1.5rem}
.ss4ug-quote-wrap{max-width:860px}
.ss4ug-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.2rem}
@media (max-width:560px){.ss4ug-fields{grid-template-columns:1fr}.ss4ug-quote{padding:1.2rem 1rem;border-width:9px}}
.ss4ug-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.ss4ug-field>span{font-size:.95rem;font-weight:600;color:var(--soil)}
.ss4ug-field input,.ss4ug-field select,.ss4ug-field textarea{font:inherit;min-height:48px;padding:.65rem .8rem;border:2px solid var(--soil);border-radius:12px 8px 14px 8px;background:#fff;color:var(--ink);width:100%}
.ss4ug-field input:focus,.ss4ug-field select:focus,.ss4ug-field textarea:focus{outline:4px solid var(--amber);outline-offset:1px;border-color:var(--soil)}
.ss4ug-field--wide{grid-column:1/-1}
.ss4ug-seg{display:flex;flex-wrap:wrap;gap:.55rem}
.ss4ug-seg label{position:relative;display:inline-flex;align-items:center;min-height:46px;border:2px solid var(--soil);border-radius:999px 14px 999px 14px;padding:.45rem 1rem;cursor:pointer;font-size:1rem;background:#fff;color:var(--soil)}
.ss4ug-seg label:hover{background:var(--sand)}
.ss4ug-seg input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}
.ss4ug-seg input:checked+span{background:none;color:inherit;margin:0;padding:0;display:inline;font-weight:700}
.ss4ug-seg label:has(input:checked){background:var(--teal);color:#fff;border-color:var(--soil);box-shadow:inset 0 0 0 2px var(--amber)}
.ss4ug-seg label:has(input:focus-visible){outline:4px solid var(--amber);outline-offset:2px}
.ss4ug-note{font-size:.9rem;color:var(--muted);margin-top:.8rem}
.ss4ug-status{margin-top:.8rem;font-weight:600;min-height:1.4em}
.ss4ug-status[data-tone=error]{color:#9B1C1C}
.ss4ug-results{margin-top:1.4rem}
.ss4ug-summary{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;align-items:baseline;margin-bottom:1rem;font-size:1rem}
.ss4ug-result{display:grid;grid-template-columns:1fr auto;gap:.6rem 1.2rem;align-items:center;border:2px solid var(--soil);border-left-width:10px;border-radius:14px 8px 16px 8px;padding:1rem 1.1rem;margin-bottom:.8rem;background:#fff}
.ss4ug-result--best{border-color:var(--soil);border-left-color:var(--amber);box-shadow:0 0 0 4px var(--amber)}
.ss4ug-result strong{font-family:var(--font-head);font-size:1.1rem}
.ss4ug-result small{display:block;color:var(--muted);font-size:.9rem}
.ss4ug-price{font-family:var(--font-head);font-size:1.8rem;font-weight:700;text-align:right;line-height:1;color:var(--soil)}
.ss4ug-price small{display:block;font-family:var(--font-body);font-size:.8rem;font-weight:600;text-align:right;margin-top:.25rem}
.ss4ug-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}
.ss4ug-tag{font-size:.8rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;background:var(--sand);border:1.5px solid var(--soil);color:var(--soil)}
.ss4ug-tag--now{background:#FBD9C9;color:#7A230A;border-color:#7A230A;font-weight:700}
.ss4ug-group{font-size:1.2rem;margin:1.5rem 0 .4rem}
.ss4ug-applicant{margin:.2rem 0 1rem;border-color:var(--soil)}
.ss4ug-result .ss4ug-btn{grid-column:1/-1;justify-self:start}
@media (min-width:640px){.ss4ug-result{grid-template-columns:1fr auto auto}.ss4ug-result .ss4ug-btn{grid-column:auto}}
.ss4ug-disclosure{font-size:.88rem;color:var(--muted);border-top:2px dashed var(--soil);padding-top:.9rem;margin-top:1rem}
details.ss4ug-more{margin-top:.5rem;font-size:.92rem}details.ss4ug-more summary{cursor:pointer;color:var(--teal);font-weight:600;min-height:44px;display:flex;align-items:center}
/* the dig log: ruled table */
.ss4ug-log-head p{color:var(--muted)}
.ss4ug-table-wrap{overflow-x:auto;border:3px solid var(--soil);border-radius:var(--organic);background:var(--paper-hi);box-shadow:5px 6px 0 var(--soil);padding:.5rem}
.ss4ug-table{width:100%;border-collapse:collapse;font-size:1rem}
.ss4ug-table th,.ss4ug-table td{padding:.8rem 1rem;border-bottom:1.5px solid var(--line);text-align:left}
.ss4ug-table th{font-size:.9rem;font-weight:600;letter-spacing:.03em;background:var(--soil);color:var(--paper)}
.ss4ug-table tbody tr:nth-child(even) td{background:rgba(232,210,160,.5)}
.ss4ug-table tbody tr:last-child td{border-bottom:0}
.ss4ug-table td{font-variant-numeric:tabular-nums}.ss4ug-table td:first-child{font-weight:600}
.ss4ug-why-text{max-width:var(--measure)}.ss4ug-why-text p{max-width:none}
.ss4ug-why-links{margin-top:.4rem}
.ss4ug-last{padding-bottom:4.4rem}
/* articles */
.ss4ug-article{max-width:var(--measure);margin-inline:auto}.ss4ug-article figure{margin:0 0 1.6rem}.ss4ug-article figcaption{font-size:.9rem;color:var(--muted);margin-top:.5rem}
.ss4ug-article img{border:8px solid var(--teal);border-radius:var(--organic);box-shadow:5px 6px 0 var(--soil)}
.ss4ug-article h1{margin-bottom:.4em}
.ss4ug-article .ss4ug-card{margin:1.4rem 0}
.ss4ug-sources{font-size:.95rem;border-top:3px dashed var(--soil);padding-top:1rem;margin-top:2rem}.ss4ug-sources ol{padding-left:1.3rem}
.ss4ug-faq details{border-bottom:2px dashed var(--soil);padding:.5rem 0}.ss4ug-faq summary{cursor:pointer;font-weight:700;font-family:var(--font-head);font-size:1.12rem;min-height:48px;display:flex;align-items:center;color:var(--soil)}.ss4ug-faq summary::marker{color:var(--rust)}.ss4ug-faq details[open] summary{color:var(--rust)}
.ss4ug-foot{background:var(--soil);color:#EBDDB9;padding:2.8rem 0;font-size:.95rem;border-top:8px solid var(--teal)}
.ss4ug-foot-grid{display:grid;gap:1.6rem;grid-template-columns:2fr 1fr 1fr}@media (max-width:700px){.ss4ug-foot-grid{grid-template-columns:1fr}}
.ss4ug-foot a{color:#F4D27A}.ss4ug-foot a:hover{color:#fff}.ss4ug-foot .ss4ug-brand{color:var(--paper)}.ss4ug-foot strong{color:var(--paper);font-family:var(--font-head);display:block;margin-bottom:.4rem}.ss4ug-foot nav a{display:block;margin-bottom:.4rem;padding:.2rem 0}
.ss4ug-foot p{max-width:none}
.ss4ug-apply-shell{background:var(--paper-hi);border:10px solid var(--teal);outline:3px solid var(--soil);border-radius:var(--organic);padding:1rem;min-height:600px}
.ss4ug-apply-shell iframe{width:100%;border:0}
.ss4ug-calc output{font-family:var(--font-head);font-size:1.9rem;font-weight:700;display:block;margin-top:.7rem;color:var(--rust)}
[data-reveal]{opacity:1;transform:none}
.ss4ug-steps .ss4ug-card[data-reveal]:nth-child(2){transform:rotate(-.5deg)}
@media (prefers-reduced-motion:no-preference){.ss4ug-slab svg .a1{animation:amble 7s ease-in-out infinite alternate}.ss4ug-slab svg .a2{animation:amble 9s ease-in-out infinite alternate-reverse}.ss4ug-slab svg .a3{animation:amble 11s ease-in-out infinite alternate}.ss4ug-slab svg .a4{animation:amble 13s ease-in-out infinite alternate-reverse}}
@keyframes amble{to{transform:translate(26px,0)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ss4ug-btn{transition:none}}
@media (max-width:640px){.ss4ug-steps .ss4ug-card:nth-child(n),.ss4ug-learn .ss4ug-card:nth-child(n){margin-top:0}.ss4ug-steps .ss4ug-card:nth-child(2){transform:rotate(-.4deg)}.ss4ug-steps .ss4ug-card:nth-child(3){transform:rotate(.6deg)}.ss4ug-learn .ss4ug-card:nth-child(2){transform:rotate(.4deg)}.ss4ug-learn .ss4ug-card:nth-child(3){transform:rotate(-.6deg)}.ss4ug-learn .ss4ug-card:nth-child(4){transform:rotate(.8deg)}.ss4ug-section{padding:3rem 0}}
/* weather ribbon: the acrylic edge */
.ss4ug-wx{padding-inline:.5rem;position:relative;z-index:2;background:var(--teal);color:var(--paper);border-bottom:6px solid var(--soil)}
.ss4ug-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.4rem;padding:.8rem 0}
.ss4ug-wx-photo{display:inline-flex;align-items:center;gap:.6rem;min-height:48px;background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}
.ss4ug-wx-photo img{width:52px;height:52px;border-radius:50% 46% 54% 48%;object-fit:cover;border:3px solid var(--paper)}
.ss4ug-wx-photo span{font-size:.85rem;font-weight:600;border:2px solid var(--paper);border-radius:999px;padding:.3rem .8rem}
.ss4ug-wx-photo:hover span,.ss4ug-wx-photo[aria-expanded=true] span{background:var(--amber);border-color:var(--amber);color:var(--soil)}
.ss4ug-wx-now{display:flex;align-items:center;gap:.6rem}
.ss4ug-wx-now strong{font-family:var(--font-head);font-size:2rem;line-height:1}
.ss4ug-wx-now span{font-size:.98rem}.ss4ug-wx-now small{display:block;font-size:.85rem}
.ss4ug-wx-icon{display:inline-flex;color:#F4D27A}
.ss4ug-wx-days{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.ss4ug-wx-days li{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:.5rem;align-items:center;border:2px solid rgba(243,230,196,.5);border-radius:14px 8px 14px 8px;padding:.35rem .65rem;font-size:.85rem;min-width:122px}
.ss4ug-wx-day{font-weight:700;grid-column:1}.ss4ug-wx-glyph{grid-row:1/3;grid-column:2;color:#F4D27A}.ss4ug-wx-glyph svg{width:22px;height:22px}
.ss4ug-wx-hl{grid-column:1}.ss4ug-wx-hl strong{font-size:1rem}.ss4ug-wx-hl em{font-style:normal;margin-left:.3rem;color:#DDEBE7}
.ss4ug-wx-cond{grid-column:1/3;font-size:.8rem;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss4ug-wx-source{margin-left:auto;font-size:.82rem;color:#DDEBE7}
.ss4ug-wx-panel{padding:0 0 1rem}.ss4ug-wx-panel img{border-radius:var(--radius);max-width:600px;width:100%;background:#0b1020}.ss4ug-wx-panel p{font-size:.88rem;margin:.5rem 0 0;color:#DDEBE7}
@media (max-width:700px){.ss4ug-wx-source{margin-left:0;width:100%}.ss4ug-wx-now strong{font-size:1.7rem}}
/* no-exam highlight */
.ss4ug-noexam{background:linear-gradient(135deg,#F7DD97,var(--sand));border:3px solid var(--soil);border-radius:var(--organic);padding:1rem 1rem .4rem;margin:0 0 1.4rem;box-shadow:5px 6px 0 var(--soil);color:var(--ink)}
.ss4ug-group--noexam{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:0;font-size:1.3rem}
.ss4ug-noexam-badge{display:inline-block;background:var(--soil);color:var(--paper);font-size:.85rem;letter-spacing:.05em;padding:.35rem .8rem;border-radius:999px}
.ss4ug-noexam-note{margin-bottom:.9rem;color:var(--ink)}
.ss4ug-result--noexam{border-color:var(--soil);border-left-color:var(--teal);background:#fff}
.ss4ug-tag--noexam{background:var(--teal);color:#fff;border-color:var(--soil)}
.ss4ug-tag--usually{background:#F7DD97;color:var(--ink);border-color:var(--soil)}
.ss4ug-noexam-note+.ss4ug-noexam-note{margin-top:1rem;padding-top:.9rem;border-top:2px dashed var(--soil)}