/* Weekly board v4 · Content Studio · 2026-10-16
   Audi: "กล่องสี่เหลี่ยมไปหมด · สีแบนไม่มี gradient · ต้องเน้นสีสิ่งสำคัญ · แต่ละงาน tag คนละสี (IG ชมพู FB ฟ้า)".
   Language = Home North Star: sections sit on the navy sky (no outer box), heading in Mitr with a champagne rule,
   reading tables are cream paper (impeccable §0.5, one box per section, rows + hairlines inside).
   Colour roles:
     work-type tags  🎬 clip violet · 📝 FB long Facebook blue · 📘 FB short sky · 📸 carousel IG pink→purple · 🗓️ plan gold
     day names       plain Mitr text (colour dots removed 2026-10-16)
     card status     green ลงแล้ว · amber กำลังทำ · grey ยังไม่เริ่ม · red เลยวันลง
     emphasis        gold = today (hero + row), amber = a missing card */

/* ── section shell: no box, heading on the sky ── */
.wk-block{margin:0 0 3rem}
.wk-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;flex-wrap:wrap;margin-bottom:1rem}
.wk-head h3{position:relative;margin:0;padding-top:.9rem;font:600 clamp(1.7rem,3vw,2.3rem)/1.15 'Mitr',var(--font-head);color:#fff;letter-spacing:-.01em}
.wk-head h3::before{content:"";position:absolute;left:0;top:0;width:34px;height:2px;border-radius:2px;background:linear-gradient(90deg,#e2c98f,#fff2c4)}
.wk-range{margin:.35rem 0 0;font-size:1.05rem;font-weight:600;color:#d4dbea}
.wk-link{font-size:.98rem;font-weight:700;color:#e2c98f;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.wk-link:hover{text-decoration:underline}
.wk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── work-type tags: soft tint + deep ink of the same hue (v6: Audi "สีเหมือนงานเด็ก") ── */
.wk-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.34rem .8rem;border-radius:99px;font-size:.95rem;font-weight:700;line-height:1.25;white-space:nowrap;color:var(--ti);background:var(--tb);border:1px solid var(--tbd)}
.tag-clip{--tb:#f1ecfa;--ti:#4a2b80;--tbd:#d8cdee}
.tag-fbLong{--tb:#e9eff9;--ti:#1d3f86;--tbd:#c9d7ef}
.tag-fbShort{--tb:#e8f3f8;--ti:#145571;--tbd:#c6e0ec}
.tag-carousel{--tb:#f9ebf1;--ti:#86244f;--tbd:#ecc8d8}
.tag-any{--tb:#f2eef6;--ti:#5a3b6e;--tbd:#ddd1e6}
.tag-plan{--tb:#f7f0de;--ti:#6b4a07;--tbd:#e4d3a6}
.tag-other{--tb:#eef0f4;--ti:#3d4558;--tbd:#d3d8e2}
.wk-tag.is-flex,.wk-tag.is-ghost{background:transparent;border:1.5px dashed #cdbf9f;color:#5f6675;font-weight:600}
.wk-tag.is-flex .wk-logo,.wk-tag.is-ghost .wk-logo{opacity:.55;filter:grayscale(.6)}

/* jobs (routine "ทำงาน"): plain lines, one per job, icon or logo first */
.wk-jobs{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.wk-job{display:flex;align-items:center;gap:.5rem;font-size:1.02rem;font-weight:600;line-height:1.5;color:#1c1f2a}
.wk-hero .wk-job{color:#f4f1e8}
.wk-posts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem .55rem}

/* ── day markers: the day name only (Audi 2026-10-16: no colour dots) ── */
.wk-daypill{font:600 1.12rem/1.2 'Mitr',var(--font-head);color:#1c1f2a}
.wk-daypill.is-big{font-size:2rem;color:#fff}

/* ── today hero: the one focal block, navy with a gold glow ── */
.wk-hero{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.4fr);gap:1.4rem 2.8rem;align-items:start;margin:0 0 2.4rem;padding:clamp(1.2rem,2.6vw,2rem);border-radius:22px;border:1px solid rgba(226,201,143,.55);background:radial-gradient(circle at 0% 0%,rgba(226,201,143,.28),transparent 22rem),radial-gradient(circle at 100% 100%,rgba(122,183,240,.16),transparent 26rem),linear-gradient(160deg,#1b2a52,#0d1734 70%);box-shadow:0 20px 60px rgba(0,0,0,.38),0 0 0 1px rgba(255,242,196,.08) inset}
.wk-hero[hidden]{display:none}
.wk-hero-day{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem}
.wk-hero-kicker{font:700 1rem 'Mitr',var(--font-head);color:#f3dfa6}
.wk-hero-date{font-size:1rem;font-weight:600;color:#d4dbea}
.wk-hero-col h4{margin:0 0 .85rem;font:600 1.2rem 'Mitr',var(--font-head);color:#fff}
.wk-hero .wk-items{background:linear-gradient(180deg,#fffdf8,#f6f1e6);border-radius:14px;padding:.2rem .9rem;border:1px solid #e2d6bb}

/* ── paper tables (routine + posting) ── */
.wk-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e2d6bb;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#fffdf8,#f6f1e6);color:#353d50;box-shadow:0 18px 48px rgba(0,0,0,.28)}
.wk-table thead th{padding:.8rem 1.1rem;background:linear-gradient(180deg,#f3ead6,#ece0c4);color:#1c1f2a;font:600 1.05rem 'Mitr',var(--font-head);text-align:left;border-bottom:2px solid #d9b46a}
.wk-row>th,.wk-row>td{padding:1.05rem 1.3rem;vertical-align:middle;text-align:left;border-bottom:1px solid #e2d6bb}
.wk-row:last-child>th,.wk-row:last-child>td{border-bottom:0}
.wk-row>th{width:9.8rem;white-space:nowrap}
.wk-row.is-today>th,.wk-row.is-today>td{background:#fcf0d2}
.wk-row.is-today>th{box-shadow:inset 4px 0 0 #d9a93a}
.wk-row.is-past>th,.wk-row.is-past>td{background:#f1ece0}
.wk-date{display:block;margin-top:.3rem;font-size:.96rem;font-weight:600;color:#5a6172}
.wk-today{display:inline-block;margin:.35rem 0 0 .4rem;padding:.12rem .65rem;border-radius:99px;background:linear-gradient(135deg,#1f3d66,#2c5a94);color:#fff;font-size:.86rem;font-weight:800}
.wk-routine .wk-today{margin-top:0}
.wk-none{margin:0;font-size:1rem;font-weight:600;color:#5a6172}

/* posting items: rows with hairlines, no box per item */
.wk-items{list-style:none;margin:0;padding:0}
.wk-items>li+li{border-top:1px solid #e9dfc8}
.wk-item{display:grid;grid-template-columns:minmax(10rem,12.5rem) minmax(0,1fr) auto;align-items:center;gap:.35rem 1.3rem;width:100%;min-height:54px;padding:.75rem .3rem;border:0;background:transparent;color:#1c1f2a;font-family:var(--font-body);text-align:left;cursor:pointer;border-radius:8px}
button.wk-item:hover{background:rgba(31,61,102,.06)}
button.wk-item:hover .wk-title{text-decoration:underline}
.wk-item.is-empty{cursor:default}
.wk-item>.wk-tag{justify-self:start}
.wk-row.is-past>td .wk-none{font-size:.95rem}
.wk-row.is-past>th,.wk-row.is-past>td{padding-top:.55rem;padding-bottom:.55rem}
.wk-title{font-size:1.04rem;font-weight:700;line-height:1.5;color:#1c1f2a}
.wk-missing{font-size:.95rem;font-weight:600;color:#8a5a00}
.wk-item.is-flex .wk-missing{font-weight:600;color:#5a6172}
.wk-state{justify-self:end;padding:.18rem .65rem;border-radius:99px;font-size:.9rem;font-weight:800;white-space:nowrap;border:1px solid var(--sb);background:var(--sbg);color:var(--si)}
.tone-done{--sbg:#eaf6ef;--sb:#9fd6b6;--si:#14603f}
.tone-progress{--sbg:#fbf1dc;--sb:#e5c98a;--si:#7a5304}
.tone-idle{--sbg:#eef0f4;--sb:#c9cfdb;--si:#3d4558}
.tone-late{--sbg:#fbebe8;--sb:#efb2a8;--si:#9a2a1f}

/* ── week tabs: segmented control ── */
.wk-tabs{display:inline-flex;gap:.3rem;padding:.3rem;margin:0 0 1rem;border-radius:14px;background:rgba(19,33,68,.75);border:1px solid rgba(226,201,143,.24)}
.wk-tab{min-height:46px;padding:.45rem 1.1rem;border-radius:10px;border:0;background:transparent;color:#e6ecf7;font:600 1.02rem 'Mitr',var(--font-head);cursor:pointer}
.wk-tab small{font:600 .86rem var(--font-body);color:#c3cbdc;margin-left:.35rem}
.wk-tab:hover{background:rgba(226,201,143,.12)}
.wk-tab.is-active{background:linear-gradient(180deg,#f6e3ae,#e2c98f);color:#1a1405;box-shadow:0 2px 10px rgba(226,201,143,.35)}
.wk-tab.is-active small{color:#4a3a12}

/* ── target chips: coloured tag + count, the gap in amber/red words ── */
.wk-chips{list-style:none;margin:0 0 .8rem;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.wk-chip{display:flex;align-items:center;gap:.55rem;padding:.35rem .8rem .35rem .4rem;border-radius:99px;background:rgba(19,33,68,.82);border:1px solid var(--c,rgba(226,201,143,.3))}
.wk-chip-count{font:800 1.2rem var(--font-head);color:#fff}
.wk-chip-word{font-size:.93rem;font-weight:800;color:var(--t,#d4dbea)}
.wk-chip.is-ok{--c:rgba(77,210,160,.6);--t:#7ee3be}
.wk-chip.is-warn{--c:rgba(240,184,74,.75);--t:#f8d68a}
.wk-chip.is-risk{--c:rgba(255,107,107,.75);--t:#ffb0b0}

.week-howto{margin:1rem 0 0;font-size:.95rem;color:#d4dbea}
.week-howto summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:800;color:#cfe6fb}
.week-howto ul{margin:.2rem 0 0;padding-left:1.2rem;display:grid;gap:.4rem;max-width:72ch}
.week-howto b{color:#fff}
.wk-block.is-empty .wk-tabs,.wk-block.is-empty .wk-chips,.wk-block.is-empty .wk-gap,.wk-block.is-empty .wk-table,.wk-block.is-empty .week-howto{display:none}
.intelligence-desk.is-locked .wk-block,.intelligence-desk.is-locked .wk-hero{display:none}

/* ── detail dialog: paper card ── */
.week-detail{width:min(30rem,calc(100vw - 2rem));padding:0;border:1px solid #e2d6bb;border-radius:18px;background:linear-gradient(180deg,#fffdf8,#f6f1e6);color:#353d50;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.week-detail::backdrop{background:rgba(2,6,16,.7)}
.week-detail form{padding:1.3rem 1.4rem;border-top:3px solid #d9b46a;border-radius:18px}
.week-detail h4{margin:0 0 .3rem;font:600 1.2rem/1.35 'Mitr',var(--font-head);color:#1c1f2a;overflow-wrap:anywhere}
.week-detail .wd-meta{margin:0 0 .9rem;font-size:.92rem;color:#5a6172}
.wd-step{display:flex;justify-content:space-between;gap:.8rem;padding:.6rem 0;border-top:1px solid #e2d6bb;font-size:.98rem}
.wd-step b{font-weight:700;color:#1c1f2a}
.wd-step span{color:#353d50;text-align:right}
.wd-step.is-late span{color:#9a2a1f;font-weight:800}
.wd-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1rem}
.wd-primary,.wd-close{min-height:44px;display:inline-flex;align-items:center;padding:0 1rem;border-radius:10px;font:700 .92rem var(--font-body);text-decoration:none;cursor:pointer}
.wd-primary{background:linear-gradient(135deg,#1f3d66,#2c5a94);color:#fff;border:0}
.wd-close{background:transparent;color:#1c1f2a;border:1px solid #c9b98f}

@media(max-width:900px){.wk-hero{grid-template-columns:1fr}}
@media(max-width:760px){
  .wk-table thead{display:none}
  .wk-table,.wk-table tbody,.wk-row,.wk-row>th,.wk-row>td{display:block;width:100%}
  .wk-row{border-bottom:1px solid #e2d6bb}
  .wk-row>th,.wk-row>td{border-bottom:0;padding:.6rem .9rem}
  .wk-row>th{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding-top:.85rem}
  .wk-row.is-today>th{box-shadow:inset 0 4px 0 #d9a93a}
  .wk-date,.wk-today{margin:0}
  .wk-routine .wk-make::before{content:"🛠️ ทำงาน";display:block;margin-bottom:.35rem;font-size:.9rem;font-weight:800;color:#5a6172}
  .wk-routine .wk-post::before{content:"🚀 ลงงาน";display:block;margin-bottom:.35rem;font-size:.9rem;font-weight:800;color:#5a6172}
  .wk-item{grid-template-columns:1fr auto}
  .wk-title{grid-column:1/-1;white-space:normal}
  .wk-state{grid-column:2;grid-row:1}
}
@media(prefers-reduced-motion:reduce){.wk-item,.wk-tab{transition:none}}

/* ── brand logos inside tags and jobs: white disc so FB blue / IG pink stay visible on coloured tags ── */
.wk-logo{flex:none;width:20px;height:20px;padding:2px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(15,23,42,.08)}
.wk-tag .wk-logo+.wk-logo{margin-left:-.25rem}

/* ── affiliate tools zone: one paper card per tool, the main tool carries the gold emphasis ── */
.wk-aff{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:1.4rem;align-items:start}
.aff-card{padding:clamp(1.2rem,2.4vw,1.7rem);border-radius:18px;border:1px solid #e2d6bb;background:linear-gradient(180deg,#fffdf8,#f6f1e6);color:#353d50;box-shadow:0 18px 48px rgba(0,0,0,.28)}
.aff-card.is-main{border:2px solid #d9b46a;background:radial-gradient(circle at 0% 0%,rgba(246,227,174,.75),transparent 18rem),linear-gradient(180deg,#fffdf8,#f7efdc);box-shadow:0 18px 48px rgba(0,0,0,.3),0 0 0 4px rgba(226,201,143,.18)}
.aff-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem}
.aff-logo{flex:none;width:64px;height:64px;border-radius:16px;object-fit:cover;box-shadow:0 4px 14px rgba(15,23,42,.18)}
.aff-badge{display:inline-block;padding:.12rem .6rem;border-radius:99px;background:linear-gradient(135deg,#f6e3ae,#e2c98f);color:#3a2a05;font-size:.85rem;font-weight:800}
.aff-badge.is-quiet{background:#eef0f4;color:#3d4558}
.aff-name{margin:.3rem 0 .15rem;font:600 1.45rem/1.2 'Mitr',var(--font-head);color:#1c1f2a}
.aff-sub{margin:0;font-size:.95rem;color:#5a6172}
.aff-uses{list-style:none;margin:0;padding:0}
.aff-uses li{display:grid;grid-template-columns:minmax(8.5rem,10.5rem) minmax(0,1fr);gap:.4rem 1.1rem;align-items:center;padding:.7rem 0;border-top:1px solid #e9dfc8;font-size:1.02rem;line-height:1.5;color:#1c1f2a}
.aff-uses li>.wk-tag{justify-self:start}
.aff-note{margin:1rem 0 0;padding:.65rem .85rem;border-radius:10px;background:#fbf1dc;color:#6b4a07;font-size:.95rem;font-weight:600;line-height:1.5}
@media(max-width:900px){.wk-aff{grid-template-columns:1fr}}
@media(max-width:560px){.aff-uses li{grid-template-columns:1fr}}

/* ── v6 page-wide pass (Audi 2026-10-16 "แก้หน้าเว็บอีกที"): the rest of Content Studio joins the same language.
   Scoped to .studio-shell (this file only loads on content-studio.html). No side stripes, no boxed desk around everything. ── */
.studio-shell .intelligence-desk{background:none;border:0;box-shadow:none;padding:1.6rem 0 2rem}
.studio-shell .intelligence-desk::before,.studio-shell .intelligence-desk::after{display:none}
.studio-shell .intelligence-heading h2{position:relative;padding-top:.9rem;font:600 clamp(1.9rem,3.2vw,2.6rem)/1.15 'Mitr',var(--font-head);color:#fff}
.studio-shell .intelligence-heading h2::before{content:"";position:absolute;left:0;top:0;width:34px;height:2px;border-radius:2px;background:linear-gradient(90deg,#e2c98f,#fff2c4);display:block}
.studio-shell .intelligence-heading p{font-size:.95rem;color:#c9d1e2}
.studio-shell .source-pill{font-size:.8rem;color:#d4dbea;border-color:rgba(226,201,143,.3)}
.studio-shell .desk-jumps{gap:.4rem;padding:.7rem .4rem;margin:0 0 2rem;border:1px solid rgba(226,201,143,.2);border-radius:14px;background:rgba(19,33,68,.6)}
.studio-shell .desk-jumps a{font-size:.9rem;color:#dfe5f1;padding:.5rem .85rem;border-radius:10px}
.studio-shell .desk-jumps a:hover{color:#1a1405;background:linear-gradient(180deg,#f6e3ae,#e2c98f)}

/* paper panels for deals, undated work and the radar; flipping the shared tokens recolours today.css rows */
.studio-shell .command-surface,.studio-shell .studio-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:1.4rem;border:0;margin:0 0 1.4rem}
.studio-shell .studio-grid{grid-template-columns:1fr}
.studio-shell .command-overview,.studio-shell .deadline-panel,.studio-shell .intelligence-card{
  --text:#1c1f2a;--muted:#5a6172;--line:#e6dcc4;--gold:#7a5a12;
  padding:1.4rem 1.6rem!important;border:1px solid #e2d6bb!important;border-radius:18px;
  background:linear-gradient(180deg,#fffdf8,#f6f1e6);color:#353d50;box-shadow:0 18px 48px rgba(0,0,0,.28)}
.studio-shell .command-overview::before,.studio-shell .command-overview::after,.studio-shell .work-lane::before,.studio-shell .work-lane::after{display:none}
.studio-shell .section-head h3{font:600 1.4rem/1.25 'Mitr',var(--font-head);color:#1c1f2a}
.studio-shell .section-head p{font-size:.92rem;line-height:1.55;color:#5a6172;max-width:62ch}
.studio-shell .section-head a{font-size:.9rem;color:#1f3d66}
.studio-shell .deal-focus{border-left:0;padding:.65rem .85rem;border-radius:10px;background:#fbf1dc;color:#6b4a07;font-size:.95rem}
.studio-shell .deal-tab{font-size:.86rem;padding:.45rem .85rem;color:#353d50;background:#fffdf8;border-color:#d9ccb0}
.studio-shell .deal-tab:hover{color:#1c1f2a;border-color:#b9a77a}
.studio-shell .deal-tab[aria-selected="true"]{color:#fff;background:linear-gradient(135deg,#1f3d66,#2c5a94);border-color:#1f3d66}
.studio-shell .deal-card{border-left:0;padding:0}
.studio-shell .deal-card summary{position:relative;padding:.9rem 0 .9rem 1.2rem}
.studio-shell .deal-card summary::before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;border-radius:50%;transform:translateY(-50%);background:var(--lv,#9aa3b5)}
.studio-shell .deal-card.level-overdue{--lv:#b54848}.studio-shell .deal-card.level-urgent{--lv:#c0682c}.studio-shell .deal-card.level-near{--lv:#c99a1a}.studio-shell .deal-card.level-later{--lv:#3d8b5f}.studio-shell .deal-card.level-none{--lv:#9aa3b5}
.studio-shell .deal-head strong{font-size:1.02rem;line-height:1.45;color:#1c1f2a}
.studio-shell .deal-head small{font-size:.86rem;color:#5a6172}
.studio-shell .deal-card summary .work-countdown,.studio-shell .row-badge{font-size:.8rem;color:#3d4558;border-color:#d3d8e2;background:#eef0f4}
.studio-shell .deal-card summary .work-countdown.is-soon,.studio-shell .row-badge.is-soon{color:#7a5304;border-color:#e5c98a;background:#fbf1dc}
.studio-shell .deal-card summary .work-countdown.is-overdue,.studio-shell .row-badge.is-overdue{color:#9a2a1f;border-color:#efb2a8;background:#fbebe8}
.studio-shell .row-badge.is-done{color:#14603f;border-color:#9fd6b6;background:#eaf6ef}
.studio-shell .deal-body{color:#353d50;font-size:.95rem;line-height:1.55}
.studio-shell .intelligence-row strong{font-size:1rem;color:#1c1f2a}
.studio-shell .intelligence-row small{font-size:.86rem;color:#5a6172}
.studio-shell .brief-rows .empty,.studio-shell .work-list .empty{font-size:.95rem;color:#5a6172}
.studio-shell .source-integrity{font-size:.88rem;color:#c9d1e2}
/* deal detail + edit form on paper: readable sizes, paper inputs, one navy primary button */
.studio-shell .deal-facts{font-size:.95rem;line-height:1.55}
.studio-shell .status-label{font-size:.88rem;font-weight:700;color:#5a6172}
.studio-shell .status-select{font-size:.95rem;color:#1c1f2a;background:#fffdf8;border:1px solid #cdbf9f;border-radius:10px;padding:.5rem .7rem;min-height:42px;color-scheme:light}
.studio-shell textarea.status-select{min-height:5.5rem;line-height:1.5}
.studio-shell .done-btn{min-height:44px;padding:.5rem 1rem;border:0;border-radius:10px;font-size:.95rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#1f3d66,#2c5a94)}
.studio-shell .deal-open{font-size:.92rem;font-weight:700;color:#1f3d66}
@media(max-width:1100px){.studio-shell .command-surface{grid-template-columns:1fr}}

/* optional jobs: quieter ink + a small "ไม่บังคับ" label (they feed the optional posts) */
.wk-job.is-flex{color:#5f6675;font-weight:500}
.wk-hero .wk-job.is-flex{color:#c9d1e2}
.wk-opt{margin-left:.15rem;padding:.05rem .5rem;border-radius:99px;border:1px dashed #cdbf9f;font-size:.8rem;font-weight:600;color:#5f6675}
.wk-hero .wk-opt{border-color:rgba(226,201,143,.45);color:#d4dbea}
/* affiliate facts: link, code, discount as rows */
.aff-facts{margin:1rem 0 0;display:grid;gap:.35rem}
.aff-facts>div{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.8rem;align-items:baseline;font-size:1rem;line-height:1.5}
.aff-facts dt{font-weight:700;color:#5a6172}
.aff-facts dd{margin:0;color:#1c1f2a;overflow-wrap:anywhere}
.aff-facts a{color:#1f3d66;font-weight:700}
.aff-ok{margin:1rem 0 0;padding:.65rem .85rem;border-radius:10px;background:#eaf6ef;color:#14603f;font-size:.95rem;font-weight:600;line-height:1.5}

/* ── v9 routine: linked pieces, one-week buffer, output column ── */
.wk-routine-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,350px);gap:1.4rem;align-items:start}
.wk-job{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .45rem}
.wk-verb{font-weight:700;color:#1c1f2a;margin-right:.1rem}
.wk-hero .wk-verb{color:#f4f1e8}
.wk-job.is-flex .wk-verb{color:#5f6675;font-weight:600}
.wk-hero .wk-job.is-flex .wk-verb{color:#c9d1e2}
.wk-tag[data-piece]{transition:box-shadow .15s ease,transform .15s ease}
.wk-tag.is-linked{box-shadow:0 0 0 2px #d9a93a,0 0 0 5px rgba(217,169,58,.25);transform:translateY(-1px)}
.wk-output{padding:1.3rem 1.4rem;border-radius:18px;border:1px solid #e2d6bb;background:linear-gradient(180deg,#fffdf8,#f6f1e6);color:#353d50;box-shadow:0 18px 48px rgba(0,0,0,.28)}
.wk-out-title{margin:0 0 .9rem;font:600 1.25rem 'Mitr',var(--font-head);color:#1c1f2a}
.wk-out-list{list-style:none;margin:0;padding:0}
.wk-out{padding:.8rem 0;border-top:1px solid #e9dfc8}
.wk-out-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.wk-out-count{font:700 1.05rem 'Mitr',var(--font-head);color:#1c1f2a;white-space:nowrap}
.wk-out-note{margin:.4rem 0 0;font-size:.88rem;font-weight:600;color:#14603f}
.wk-out-types{margin:.45rem 0 0;padding-left:1.1rem;display:grid;gap:.2rem;font-size:.95rem;line-height:1.45;color:#353d50}
.wk-out-future{margin-top:.8rem;padding-top:.6rem;border-top:2px dashed #e2d6bb}
.wk-out-future h5{margin:.2rem 0 .2rem;font:600 1rem 'Mitr',var(--font-head);color:#5a6172}
.wk-out-future .wk-out-note{color:#5a6172}
@media(max-width:1100px){.wk-routine-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.wk-tag[data-piece]{transition:none}.wk-tag.is-linked{transform:none}}

/* v10: two lanes. "ของสัปดาห์นี้" marks ⚡ fresh writing and 🔁 D-1 checks; lane notes in the output column */
.wk-week{margin-left:.15rem;padding:.05rem .5rem;border-radius:99px;background:#fbf1dc;border:1px solid #e5c98a;font-size:.8rem;font-weight:700;color:#7a5304}
.wk-hero .wk-week{background:rgba(246,227,174,.18);border-color:rgba(226,201,143,.55);color:#f6e3ae}
.wk-out-lane{margin:.4rem 0 0;font-size:.88rem;font-weight:700;color:#1f3d66}