:root{--paper:#f6f3eb;--ink:#243d36;--muted:#63766e;--green:#315b46;--line:#dce0d5;--accent:#b95538}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Microsoft JhengHei",sans-serif}a{color:var(--green);text-underline-offset:4px}header,main,footer{max-width:1180px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font:700 27px Georgia,serif;text-decoration:none}.logo span{color:var(--accent)}nav{display:flex;gap:23px;font-size:14px;flex-wrap:wrap}h1,h2,h3{line-height:1.17}h1{font:500 clamp(36px,5vw,64px)/1.08 Georgia,serif;letter-spacing:-1.7px;margin:15px 0 24px;max-width:780px}h2{font:500 29px/1.2 Georgia,serif}h3{font-size:18px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:750;color:var(--accent)}.intro{display:grid;grid-template-columns:1fr 220px;gap:40px;padding:32px 0}.intro p{max-width:680px;color:var(--muted)}.thread-art{display:grid;place-items:center;background:repeating-linear-gradient(0deg,transparent 0 15px,#dce0d5 15px 16px),repeating-linear-gradient(90deg,transparent 0 15px,#dce0d5 15px 16px);border-radius:50%;height:205px;align-self:center}.thread-art span{font:100px Georgia;color:var(--accent)}.workspace{display:grid;grid-template-columns:370px 1fr;gap:25px;align-items:start}.panel{padding:26px;background:#fff;border:1px solid var(--line);border-radius:16px}form h2{margin:0 0 20px;font-size:24px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:13px;font-weight:650;margin:10px 0 5px}input,select{width:100%;font:inherit;padding:10px;border:1px solid #b5c1b4;border-radius:7px;color:var(--ink);background:white}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #a4c2ad;outline-offset:3px}small,.muted{color:var(--muted);font-size:13px}.step{font-size:10px;letter-spacing:2px;color:var(--muted);margin-top:22px}.result-top{background:var(--green);color:#fff;border-radius:13px;padding:24px}.result-top small{color:#dfebdc}.number{font-size:clamp(28px,3.4vw,42px);font-weight:650;letter-spacing:-1px;margin:8px 0}.subresult{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.fit{padding:12px 15px;background:#eef4eb;border-radius:8px;margin-top:16px}.fit.no{background:#fceee6;color:#963b25}svg.preview{display:block;width:100%;height:240px;background:#faf9f4;border:1px solid var(--line);border-radius:8px;margin-top:18px}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}button{cursor:pointer;background:var(--green);color:white;border:0;border-radius:7px;font:inherit;font-size:14px;padding:10px 15px}button.secondary{background:#e8eee4;color:var(--ink)}button:disabled{opacity:.45;cursor:not-allowed}.table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted)}.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.guides a{display:block;background:#ebece2;border-radius:12px;padding:22px;text-decoration:none}.guides p{font-size:14px;color:var(--muted)}.content{max-width:790px;margin:30px auto}.content h2{margin-top:36px}.content p,.content li{line-height:1.85}.content ul{padding-left:24px}.note{border-left:3px solid var(--accent);padding:12px 20px;background:#fff4e8}.error{color:#a12d24;min-height:24px;font-size:14px}footer{margin-top:45px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}footer p{max-width:800px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:800px){.workspace{grid-template-columns:1fr}.intro{grid-template-columns:1fr}.thread-art{display:none}.guides{grid-template-columns:1fr}header{align-items:flex-start;gap:20px}nav{gap:12px}.panel{padding:20px}main{padding:18px}h1{letter-spacing:-1px}}@media print{header,form,.buttons,.guides,footer,.intro,.comparison,.error{display:none!important}body{background:white}.workspace{display:block}.panel{border:0;padding:0}.result-top{background:white;color:black;border:1px solid #aaa}.result-top small{color:black}main{padding:0}.print-context{display:block!important}}
.logo{white-space:nowrap;flex-shrink:0}@media print{.workspace~.content{display:none!important}}

.ad-placement{max-width:790px;margin:64px auto 32px;padding-top:24px;border-top:1px solid var(--line)}.ad-label{font-size:12px;color:var(--muted);text-align:center}.ad-placement .adsbygoogle{display:block}@media print{.ad-placement{display:none!important}}