:root{--paper: #faf9f7;--panel: #ffffff;--ink: #191712;--ink-1: #45433d;--ink-2: #6f6c63;--ink-3: #9a978d;--rule: #e7e5dd;--rule-2: #d2cfc5;--ground-soft: #f3f2ed;--brand: #9c2867;--brand-soft: #7a2050;--accent: #1f6e43;--accent-soft: #e6efe9;--neg: #a23a26;--neg-soft: #f4e5df;--warn: #b08020;--warn-soft: #f4ecd8;--info-soft: #ebe9e0;--font-sans: "Helvetica Neue", Helvetica, Arial, "IBM Plex Sans Thai", "Noto Sans Thai", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Cascadia Code", monospace;--radius: 6px;--radius-lg: 10px;--shadow-card: 0 2px 10px rgb(20 18 12 / .06);--shadow-hover: 0 6px 20px rgb(20 18 12 / .1);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-6: 24px;--s-8: 32px;--s-12: 48px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{font-size:16px;background:var(--paper)}body{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums}button{font-family:inherit;cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent);color:#fff}.page{min-height:100vh;background:var(--paper)}.hero{background:linear-gradient(180deg,var(--panel) 0%,var(--paper) 100%);border-bottom:1px solid var(--rule);padding:var(--s-12) var(--s-6) var(--s-8)}.hero-inner{max-width:1180px;margin:0 auto}.hero-mark{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s-6);align-items:start}.hero-disc{width:72px;height:72px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:1.5rem;letter-spacing:.04em;flex-shrink:0}.hero-eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-2);margin:0 0 var(--s-3);font-weight:600}.hero h1{font-size:clamp(1.7rem,2.6vw + .5rem,2.6rem);font-weight:600;letter-spacing:-.01em;line-height:1.15;margin:0 0 var(--s-3);color:var(--ink)}.hero-lede{font-size:1.06rem;color:var(--ink-1);max-width:64ch;margin:0;line-height:1.55}.hero-meta{margin-top:var(--s-8);display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.meta-cell{padding:var(--s-5) var(--s-4);border-right:1px solid var(--rule)}.meta-cell:last-child{border-right:none}.meta-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-2);margin:0 0 var(--s-2);font-weight:600}.meta-value{font-family:var(--font-mono);font-size:1.8rem;font-weight:600;margin:0;color:var(--ink);display:flex;align-items:baseline;gap:var(--s-2)}.meta-aux{font-family:var(--font-sans);font-size:.84rem;font-weight:400;color:var(--ink-2)}.lang-toggle{display:inline-flex;border:1px solid var(--rule-2);border-radius:999px;padding:3px;background:var(--panel);flex-shrink:0}.lang-btn{border:none;background:transparent;padding:6px 14px;border-radius:999px;font-size:.84rem;font-weight:600;color:var(--ink-2);letter-spacing:.04em;transition:background .12s,color .12s}.lang-btn.lang-on{background:var(--ink);color:#fff}.summary{max-width:1180px;margin:var(--s-12) auto var(--s-8);padding:0 var(--s-6)}.summary-title{font-size:1.2rem;margin:0 0 var(--s-4);font-weight:600;color:var(--ink)}.summary-list{list-style:none;padding:0;margin:0;counter-reset:step;display:grid;gap:var(--s-4)}.summary-list li{counter-increment:step;position:relative;padding:var(--s-5) var(--s-5) var(--s-5) 64px;background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);font-size:1.02rem;line-height:1.55;color:var(--ink-1)}.summary-list li:before{content:counter(step);position:absolute;top:var(--s-4);left:var(--s-4);width:36px;height:36px;background:var(--accent-soft);color:var(--accent);border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:1.05rem}.summary-list strong{color:var(--ink);font-weight:600}.filters{max-width:1180px;margin:0 auto var(--s-6);padding:0 var(--s-6);display:grid;gap:var(--s-3)}.filter-row{display:flex;flex-wrap:wrap;gap:var(--s-2)}.chip{display:inline-flex;align-items:center;gap:var(--s-2);background:var(--panel);border:1px solid var(--rule-2);color:var(--ink-1);padding:7px 14px;border-radius:999px;font-size:.88rem;font-weight:500;letter-spacing:.01em;transition:background .12s,color .12s,border-color .12s}.chip:hover{border-color:var(--ink-2);color:var(--ink)}.chip.chip-on{background:var(--ink);color:#fff;border-color:var(--ink)}.chip-week.chip-on{background:var(--neg);border-color:var(--neg)}.chip-month.chip-on{background:var(--warn);border-color:var(--warn)}.chip-quarter.chip-on{background:var(--accent);border-color:var(--accent)}.chip-count{font-family:var(--font-mono);font-size:.78rem;background:var(--ground-soft);color:var(--ink-2);padding:1px 7px;border-radius:999px;font-weight:600}.chip.chip-on .chip-count{background:#ffffff2e;color:#fff}.cards{max-width:1180px;margin:0 auto;padding:0 var(--s-6) var(--s-12);display:grid;gap:var(--s-12)}.cat-title{font-size:1.05rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-2);margin:0 0 var(--s-4);font-weight:700;display:flex;align-items:baseline;gap:var(--s-3)}.cat-count{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-3);font-weight:600;letter-spacing:.04em}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--s-4)}.card{background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-4);box-shadow:var(--shadow-card);transition:box-shadow .18s,transform .18s,border-color .18s;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--rule-2)}.card.urgency-this-week:before{background:var(--neg)}.card.urgency-this-month:before{background:var(--warn)}.card.urgency-this-quarter:before{background:var(--accent)}.card.urgency-on-demand:before{background:var(--ink-3)}.card:hover{box-shadow:var(--shadow-hover);border-color:var(--rule-2)}.card-tags{display:flex;flex-wrap:wrap;gap:var(--s-2)}.tag{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;padding:3px 9px;border-radius:3px;color:var(--ink-2);background:var(--ground-soft)}.tag.urgency-week{color:#fff;background:var(--neg)}.tag.urgency-month{color:#fff;background:var(--warn)}.tag.urgency-quarter{color:#fff;background:var(--accent)}.tag.urgency-demand,.tag-effort{color:var(--ink-2);background:var(--info-soft)}.card-title{font-size:1.14rem;font-weight:600;line-height:1.3;margin:0;color:var(--ink)}.card-cat{font-size:.84rem;color:var(--ink-2);margin:0}.card-cat-sep{margin:0 var(--s-2);color:var(--ink-3)}.card-section{display:flex;flex-direction:column;gap:var(--s-1)}.card-eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3);margin:0;font-weight:700}.card-prose{font-size:.95rem;color:var(--ink-1);line-height:1.55;margin:0}.card-quote{margin:0;padding:var(--s-3) var(--s-4);background:var(--ground-soft);border-left:3px solid var(--brand);border-radius:0 var(--radius) var(--radius) 0;font-style:italic;font-size:.92rem;color:var(--ink-1)}.card-quote p{margin:0 0 var(--s-1)}.card-quote cite{font-style:normal;font-size:.78rem;color:var(--ink-3)}.card-expand{align-self:flex-start;background:transparent;border:1px solid var(--rule-2);color:var(--accent);padding:6px 12px;border-radius:var(--radius);font-size:.86rem;font-weight:600}.card-expand:hover{background:var(--accent-soft);border-color:var(--accent)}.card-details{border-top:1px dashed var(--rule);padding-top:var(--s-4);display:flex;flex-direction:column;gap:var(--s-4)}.card-spec{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-2) var(--s-4);margin:0}.spec-row{display:flex;flex-direction:column;gap:2px}.spec-row dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);font-weight:700}.spec-row dd{margin:0;font-size:.92rem;color:var(--ink)}.spec-row code{font-family:var(--font-mono);background:var(--ground-soft);padding:1px 6px;border-radius:3px;font-size:.86rem}.card-fields-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3);font-weight:700;margin:0 0 var(--s-2)}.card-fields{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s-2)}.card-fields li{display:grid;grid-template-columns:auto auto auto 1fr;gap:4px var(--s-3);align-items:baseline;font-size:.86rem;padding:var(--s-2);background:var(--ground-soft);border-radius:var(--radius)}.field-name{font-family:var(--font-mono);color:var(--ink);font-size:.84rem;font-weight:600}.card-fields li.req .field-name:after{content:"*";color:var(--neg);font-weight:700}.card-fields li.opt .field-name:after{content:" (optional)";color:var(--ink-3);font-weight:400;font-size:.76rem}.field-label{font-size:.78rem;color:var(--ink-2)}.field-type{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-2);background:var(--panel);padding:1px 6px;border-radius:3px;border:1px solid var(--rule)}.field-ex{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-1)}.field-note{grid-column:1 / -1;font-size:.78rem;color:var(--ink-2);font-style:italic;padding-left:0}.card-deliverable{display:flex;flex-direction:column;gap:4px;padding:var(--s-3) var(--s-4);background:var(--accent-soft);border-radius:var(--radius);color:var(--ink);font-size:.92rem}.card-deliverable .card-eyebrow{color:var(--accent)}.foot{background:var(--panel);border-top:1px solid var(--rule);padding:var(--s-8) var(--s-6)}.foot-inner{max-width:1180px;margin:0 auto;text-align:center;color:var(--ink-1)}.foot-inner p{margin:0 0 var(--s-2)}.foot-fine{font-size:.86rem;color:var(--ink-2)}@media (max-width: 720px){.hero-mark{grid-template-columns:1fr}.hero-disc{width:56px;height:56px;font-size:1.15rem}.hero-meta{grid-template-columns:repeat(2,1fr)}.meta-cell:nth-child(2){border-right:none}.meta-cell:nth-child(1),.meta-cell:nth-child(2){border-bottom:1px solid var(--rule)}.cat-grid{grid-template-columns:1fr}.card-fields li{grid-template-columns:1fr;gap:4px}}@media print{.page{background:#fff}.hero{background:#fff;border-bottom:2px solid var(--ink);padding:var(--s-6) 0}.hero-lede{color:var(--ink)}.filters,.card-expand,.lang-toggle{display:none!important}.card{box-shadow:none;border:1px solid var(--rule-2);break-inside:avoid;page-break-inside:avoid}.card-details{display:block!important}.cat{break-inside:avoid}a{color:var(--ink);text-decoration:underline}}