.wb-amber .container{width:min(820px,100%);max-width:820px;padding:0 20px;margin:0 auto}
.wb-amber b,.wb-amber strong{font-weight:500}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wb-amber .cover.mat-hero{margin:28px 0 8px;padding:0 0 0 clamp(20px,4vw,48px);text-align:left;box-shadow:none;
  border:1px solid rgba(244,181,74,.18);border-radius:22px;background:radial-gradient(120% 140% at 85% 0%,rgba(244,181,74,.16),transparent 55%),linear-gradient(180deg,var(--m-accent-soft),var(--m-s1) 70%)}
.wb-amber .cover.mat-hero h1{font:500 clamp(28px,4.4vw,44px)/1.12 var(--m-display);letter-spacing:-.02em;color:var(--m-t1);text-align:left;margin:0 0 16px}
.wb-amber .cover .mat-lead{color:var(--m-t2);margin:0}
.wb-intro{margin:22px 0 0;color:var(--m-t2);font-size:15.5px;line-height:1.6;max-width:68ch}
.wb-progress{position:sticky;top:57px;z-index:5;margin:26px 0 16px;padding:12px 0;background:var(--m-bg)}
.wb-progress-label{margin:0 0 8px;font-size:14px;color:var(--m-t2)}
.wb-progress-label .wb-x{color:var(--m-t1);font-weight:500}
.wb-bar{height:4px;border-radius:4px;background:var(--m-s2);overflow:hidden}
.wb-bar span{display:block;height:100%;width:0;background:var(--m-accent);border-radius:4px;transition:width .3s}
.wb-amber .day,.wb-amber .final{margin:0 0 12px;padding:22px;background:var(--m-s1);border:1px solid var(--m-border);border-radius:18px;box-shadow:none}
.wb-amber .day-number{font:500 12px/16px var(--m-text);letter-spacing:.06em;text-transform:uppercase;color:var(--m-accent);margin:0 0 6px}
.wb-amber .day-title{font:500 19px/1.35 var(--m-display);letter-spacing:-.01em;color:var(--m-t1);margin:0 0 12px}
.wb-amber .day-task,.wb-amber .final p,.wb-amber .final-intro{color:var(--m-t2);font-size:15.5px;line-height:1.65;margin:0 0 10px}
.wb-amber .final-intro b{color:var(--m-t1)}
.wb-amber .day-note{color:var(--m-t3);font-size:14.5px;line-height:1.55;margin:0 0 14px;padding-left:12px;border-left:2px solid rgba(244,181,74,.5);font-style:normal}
.wb-amber .final h2{font:500 22px/1.3 var(--m-display);color:var(--m-t1);margin:0 0 12px}
.wb-amber textarea{display:block;width:100%;min-height:140px;padding:14px 16px;border-radius:12px;border:1px solid #2c2b29;background:var(--m-bg);
  color:var(--m-t1);font:400 15.5px/1.6 var(--m-text);resize:vertical;box-shadow:none}
.wb-amber textarea::placeholder{color:#6B6963}
.wb-amber textarea:focus{outline:none;border-color:var(--m-accent);box-shadow:0 0 0 3px rgba(244,181,74,.15)}
.wb-saved{display:block;min-height:20px;margin-top:6px;font-size:13px;color:var(--m-t3);opacity:0;transition:opacity .3s}
.wb-saved.on{opacity:1}
.wb-saved.on::before{content:"✓ ";color:var(--m-accent)}
.wb-amber .share-btn{display:inline-flex;align-items:center;min-height:42px;margin-top:8px;padding:0 20px;border-radius:999px;border:1px solid var(--m-border);
  background:none;color:var(--m-t2);font:500 14.5px/1 var(--m-text);cursor:pointer}
.wb-amber .share-btn:hover{color:var(--m-t1);border-color:#6B6963;background:none}
.wb-js .day{padding:0}
.wb-day-head{margin:0}
.wb-day-btn{display:flex;align-items:center;gap:14px;width:100%;padding:18px 20px;border:0;background:none;color:inherit;text-align:left;cursor:pointer;font:inherit;border-radius:18px}
.wb-day-btn:focus-visible{outline:2px solid var(--m-accent);outline-offset:-2px}
.wb-day-label{flex:1;min-width:0}
.wb-day-btn .day-number{margin:0 0 4px}
.wb-day-btn .day-title{margin:0;font-size:17.5px}
.wb-check{flex:0 0 26px;height:26px;border-radius:50%;border:1.5px solid #3a3936;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;color:transparent}
.is-filled .wb-check{border-color:var(--m-accent);background:var(--m-accent);color:var(--m-on-accent)}
.is-filled .wb-check::before{content:"✓"}
.wb-chev{flex:0 0 10px;width:10px;height:10px;border-right:1.5px solid var(--m-t3);border-bottom:1.5px solid var(--m-t3);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.wb-day-btn[aria-expanded="true"] .wb-chev{transform:rotate(225deg) translate(-2px,-2px)}
.wb-day-panel{padding:0 20px 20px 60px}
.wb-day-panel[hidden]{display:none}
.wb-js .day.is-open{border-color:rgba(244,181,74,.35)}
.wb-end{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:26px 0 0}
.wb-print{display:inline-flex;align-items:center;min-height:46px;padding:0 24px;border:0;border-radius:999px;background:var(--m-accent);color:var(--m-on-accent);font:500 15px/1 var(--m-text);cursor:pointer}
.wb-print:hover{background:var(--m-accent-hover)}
.wb-more{color:var(--m-t2);font-size:14.5px;text-decoration:none;border-bottom:1px solid #6B6963;padding:2px 0}
.wb-more:hover{color:var(--m-accent);border-color:var(--m-accent)}
.wb-print:focus-visible,.wb-more:focus-visible,.wb-amber .share-btn:focus-visible{outline:2px solid var(--m-accent);outline-offset:3px}
@media (max-width:599.98px){
  .wb-amber .cover.mat-hero{padding-left:18px}
  .wb-amber .day,.wb-amber .final{padding:18px}
  .wb-js .day{padding:0}
  .wb-day-btn{padding:16px;gap:12px}
  .wb-day-panel{padding:0 16px 16px}
  .wb-progress{top:57px}
}
@media (prefers-reduced-motion:reduce){.wb-bar span,.wb-chev,.wb-saved{transition:none}}
@media print{
  @page{margin:16mm}
  html,body.wb-amber{background:#fff!important;color:#111!important}
  .sitebar,.foot,.wb-progress,.mat-hero-fig,.wb-end,.wb-saved,.share-btn,.wb-check,.wb-chev,#cookie-banner{display:none!important}
  .wb-amber .container{max-width:none;padding:0}
  .wb-amber .cover.mat-hero{display:block;border:0;background:none;padding:0;margin:0 0 10mm;min-height:0}
  .wb-amber .cover.mat-hero h1,.wb-amber .day-title,.wb-amber .final h2{color:#111}
  .wb-amber .cover .mat-lead,.wb-intro,.wb-amber .day-task,.wb-amber .final-intro,.wb-amber .final-intro b{color:#222}
  .wb-amber .cover .mat-lead{border-left:2px solid #999}
  .wb-amber .day-number{color:#7a5a17}
  .wb-amber .day-note{color:#444;border-left-color:#bbb}
  .wb-amber .day,.wb-amber .final{background:none;border:1px solid #ccc;border-radius:8px;padding:6mm;margin:0 0 6mm;break-inside:avoid}
  .wb-js .day{padding:0}
  .wb-day-btn{padding:6mm 6mm 2mm;color:#111}
  .wb-day-panel,.wb-day-panel[hidden]{display:block!important;padding:0 6mm 6mm}
  .wb-amber textarea{background:#fff;color:#111;border:1px solid #bbb;min-height:30mm;overflow:visible;resize:none}
  .wb-amber textarea::placeholder{color:#999}
}