.copywriting-page{display:grid;gap:24px}.copywriting-hero{padding:30px 34px;border:1px solid #dbe8f1;border-radius:24px;background:radial-gradient(circle at 90% 10%,#e0f5f1 0,transparent 34%),linear-gradient(130deg,#102d3b,#1a5362);color:#fff}.copywriting-hero h2{max-width:700px;margin:8px 0 10px;font-size:clamp(25px,3vw,38px);letter-spacing:-.04em}.copywriting-hero p{max-width:720px;margin:0;color:#d7e8eb;line-height:1.8}.copywriting-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px}.copywriting-layout aside{display:grid;align-content:start;gap:16px}.copy-panel,.copy-empty,.copy-result-head,.copy-evidence,.copy-drafts{padding:20px;border:1px solid #e0e9ef;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(31,60,77,.05)}.copy-panel h3,.copy-evidence h3,.copy-drafts h3{margin:5px 0 12px}.copy-benchmark-list,.copy-run-list{display:grid;gap:8px;max-height:300px;overflow:auto}.copy-benchmark,.copy-run{width:100%;padding:12px;border:1px solid #e2ebef;border-radius:12px;background:#fbfdfe;text-align:left;cursor:pointer}.copy-benchmark:hover,.copy-run:hover,.copy-benchmark.selected,.copy-run.selected{border-color:#2d8c90;background:#edf9f7}.copy-benchmark strong,.copy-run strong{display:block;color:#18313e;font-size:13px}.copy-benchmark small,.copy-run small{display:block;margin-top:5px;color:#71838b;font-size:11px}.copy-panel form{margin-top:14px}.copy-panel form button{width:100%;padding:12px;border:0;border-radius:11px;background:#167b7b;color:#fff;font-weight:700;cursor:pointer}.copy-panel form button:disabled{opacity:.55;cursor:wait}.copy-error{color:#be3d3d;font-size:12px;line-height:1.6}.copy-result-head{background:linear-gradient(135deg,#fff,#f4fbfb)}.copy-result-head h2{margin:7px 0}.copy-result-head p{margin:0;color:#657a84;font-size:12px}.copy-evidence{margin-top:16px}.copy-evidence>p{color:#435c68;line-height:1.8}.copy-evidence>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.copy-evidence article{padding:13px;border-left:3px solid #50a9a2;background:#f7fafb}.copy-evidence article p{margin:7px 0;color:#526873;font-size:12px;line-height:1.65}.copy-evidence small{color:#9a5a34;font-size:11px}.copy-drafts{margin-top:16px}.copy-draft{padding:17px 0;border-top:1px solid #e7edf0}.copy-draft:first-of-type{border-top:0}.copy-draft header{display:flex;align-items:center;gap:10px}.copy-draft header span{padding:4px 7px;border-radius:999px;background:#e3f4f1;color:#19736f;font-size:11px}.copy-draft header em{margin-left:auto;color:#758a93;font-size:11px;font-style:normal}.copy-draft h3{margin:13px 0 8px;color:#172f3b}.copy-draft p{white-space:pre-wrap;line-height:1.85;color:#364f5b}.copy-draft footer{display:grid;gap:7px;color:#2f6770;font-size:12px}.copy-draft footer small{color:#788b93}@media(max-width:860px){.copywriting-layout{grid-template-columns:1fr}.copywriting-layout aside{grid-template-columns:1fr 1fr}.copywriting-hero{padding:24px}}@media(max-width:580px){.copywriting-layout aside{grid-template-columns:1fr}.copywriting-hero{padding:20px}.copy-draft header{align-items:flex-start;flex-wrap:wrap}.copy-draft header em{margin-left:0}}
