/* LINE Seed teaching theme: light website, charcoal and vivid green accents */
@font-face{font-family:'LINE Seed Sans TH';src:url('/assets/fonts/LINESeedSansTH_W_Rg.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'LINE Seed Sans TH';src:url('/assets/fonts/LINESeedSansTH_W_Bd.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'LINE Seed Sans TH';src:url('/assets/fonts/LINESeedSansTH_W_XBd.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:'LINE Seed Sans TH';src:url('/assets/fonts/LINESeedSansTH_W_He.woff2') format('woff2');font-style:normal;font-weight:900;font-display:swap}
:root{--ink:#282828;--ink-2:#3d3d3d;--muted:#666;--line:#e3e5e5;--green:#06c755;--green-d:#008c3c;--green-soft:#edfbf2;--bg:#f7f8f8;--red:#b9363e;--red-soft:#fff0f1;--yellow:#936500;--yellow-soft:#fff4d5;--blue:#2875c7;--blue-soft:#edf4ff;--radius:17px;--shadow:0 8px 30px rgba(40,40,40,.05)}
body{font-family:'LINE Seed Sans TH',Tahoma,Arial,sans-serif;color:#282828;background:#f7f8f8;font-size:15px}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,h4,strong,.tier-name,.projectname,.side-copy,.btn{font-weight:800}
.brand{color:#06c755;font-weight:800;letter-spacing:0;font-size:21px}
.topbar,.sidebar,.rightbar{background:#fff}
.topbar{border-bottom:1px solid #e3e5e5}
.projectname,.side-label,.right-title,.field-label,.card-header h3,.section-title h2,.section-title h3,.live-section h4{color:#282828}
.projectname span,.side-foot,.side-progress-row,.side-copy small,.live-meta{color:#777}
.tag{background:#f4f5f5;border-color:#e6e7e7;color:#555;letter-spacing:.04em}
.btn{border-radius:9px;font-weight:700}
.btn-primary{background:#06c755;border-color:#06c755;color:#16331e}
.btn-primary:hover{background:#00b94d;border-color:#00b94d}
.btn-dark{background:#282828;border-color:#282828;color:#fff}
.side-btn{color:#555;font-weight:700;border-radius:9px}
.side-btn.active{background:#eafbf0;color:#282828;border-color:#b8eecb}
.side-btn.active .side-num,.side-btn.active.done .side-num{background:#06c755;border-color:#06c755;color:#16331e}
.side-num{color:#666;border-color:#dedede;border-radius:7px}
.side-btn.active small{color:#337c4e}
.screen-head h2{font-weight:800;letter-spacing:-.5px;color:#282828;line-height:1.3}
.screen-head p,.card-header p,.section-title p,.field-help,.footnote,.example-caption,.step-footer p{color:#666}
.kicker,.card-label,.overview-top{color:#008c3c;font-weight:700;letter-spacing:.03em}
.step-pill{background:#eafbf0;color:#008238;letter-spacing:0}
.hero{background:#fff;color:#282828;border:1px solid #e3e5e5;border-radius:20px;box-shadow:var(--shadow)}
.hero:before,.hero:after{display:none}
.hero h1{font-weight:900;letter-spacing:-.025em;font-size:clamp(50px,6.2vw,84px);line-height:1.03;margin-top:26px}
.hero h1 span{color:#06c755}
.hero-label{color:#008c3c;letter-spacing:.07em}
.hero-sub{font-weight:800;line-height:1.4;color:#282828}
.hero-p{color:#626262;font-size:14px;line-height:1.85}
.hero-bottom .tiny{color:#777!important}
.hero-stamp{background:#eafbf0;border-color:#c2ecd0;color:#008c3c;border-radius:7px}
.overview-card{border-color:#e3e5e5;border-radius:13px;background:#fff}
.overview-card:nth-child(1){background:#eafbf0;border-color:#c2ecd0}
.overview-card strong{font-weight:800;color:#282828}
.overview-card small{color:#666}
.card{border-color:#e3e5e5;box-shadow:none}
.input-wrap input{background:#fafbfb;color:#282828;border-color:#dcdfe0;font-weight:700;border-radius:8px}
.input-wrap .suffix{color:#777}
.input-wrap input:focus{border-color:#06c755;outline-color:#d6f7e3}
.input-wrap input[type=text]{font-weight:400}
.preset-bar{background:#fff;border-color:#e3e5e5}
.preset-description strong{color:#282828;letter-spacing:.035em;font-weight:800}
.preset-description p,.preset-picker small{color:#666}
.preset-picker label{color:#555;font-weight:700}
.preset-mark{background:#eafbf0;color:#008c3c;border-radius:10px}
.preset-picker select{color:#282828;border-color:#d7ded9;box-shadow:none;font-weight:700;border-radius:8px}
.scenario-explainer{background:#f2fbf6;border-color:#e3e5e5;color:#555}
.scenario-source{color:#666}
.coach-note{background:#edf9f2;border-left-color:#06c755;color:#464f49}
.coach-note strong{color:#008c3c;font-weight:700}
.stat,.tier,.scenario{border-color:#e3e5e5;border-radius:13px}
.stat.emph,.scenario.featured{background:#eafbf0;border-color:#bfeccf}
.stat.emph strong,.big-result strong{color:#008c3c}
.stat .label,.stat small,.tier p,.insight{color:#666}
.stat strong{color:#282828;font-weight:800;letter-spacing:-.4px}
.formula{background:#fafbfb;border-color:#e3e5e5;border-left-color:#06c755}
.tier-case-cards .tier{background:#fafbfb}
.tier-case-cards .tier:nth-child(2){background:#eafbf0;border-color:#bfeccf}
.tier-case-cards .tier:nth-child(3),.tier:nth-child(3){background:#fff6e5;border-color:#efd9b1}
.tier-case-cards .tier .tier-range,.tier-case-cards .tier li,.tier-case-cards .tier .tier-cost{color:#454545}
.tier-case-cards .tier .tier-spend,.tier-audit-small{color:#666}
.live-card{background:#edfbf2;border:1px solid #bcebcf;color:#282828;border-radius:14px}
.live-card small,.live-meta{color:#5e6b63}
.live-big{color:#008c3c;font-weight:800;letter-spacing:-1px}
.live-line{color:#666}.live-line b{color:#282828}
.report-top{background:#edfbf2;border:1px solid #c5ecd2;color:#282828}
.report-top .eyebrow,.report-top p,.report-outcome small{color:#5c6a61}
.report-top h2{font-weight:800}.report-outcome b{color:#008c3c}
.table th{background:#f3f5f4;color:#555;font-weight:700}
.table td{color:#333}
.highlight-box{background:#edf9f2;border-color:#c5ecd2}.highlight-box p{color:#4e5e54}
.decision-card{border-color:#06c755}
.report-tier h4{color:#008c3c}
.consult-prompt{background:#fafcfa;border-color:#d4e5da;color:#333;font-size:14px;line-height:1.75}
#consultCopyState{color:#008238}
.success-message{background:#282828}
@media(max-width:700px){.brand{font-size:17px}.hero h1{font-size:clamp(48px,12vw,70px)}.hero-sub{font-size:19px}.screen-head h2{font-size:28px}.consult-prompt{font-size:13px}.card-header h3{font-size:18px}.topbar .btn-small{font-size:11px}.side-btn{font-size:11px}}
@media print{.hero,.live-card,.report-top{background:#fff}.report-top{border-color:#ccc}}