*{box-sizing:border-box}body{margin:0;color:#f6f3eb;background:#24322c;font-family:Geist,sans-serif}main{width:100%;max-width:100%;overflow-x:hidden}a{color:inherit}nav{display:flex;justify-content:space-between;align-items:center;padding:25px 6%;border-bottom:1px solid #6e8378;gap:20px}nav div{display:flex;gap:24px}nav a{text-decoration:none}.brand{font-size:21px;font-weight:600}section{padding:120px 6%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,6vw,82px);line-height:1.08;letter-spacing:-.06em;max-width:72rem;width:100%;margin-inline:auto}h2{font-size:clamp(32px,4.8vw,60px);line-height:1.08;letter-spacing:-.045em}h3{font-size:23px}p{font-size:17px;line-height:1.7;color:#d0ded5}.hero{text-align:center;background:radial-gradient(ellipse at 50% 80%,#455c4d 0%,transparent 70%)}.hero p{max-width:760px;margin-inline:auto}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero .actions{justify-content:center}.button,button,.file-label{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:14px 20px;border-radius:8px;border:0;background:#cee7a9;color:#213528;font:inherit;cursor:pointer;text-decoration:none}.secondary{background:transparent;color:inherit;border:1px solid currentColor}button:disabled{opacity:.5;cursor:not-allowed}button:hover,.button:hover{filter:brightness(1.08)}:focus-visible{outline:3px solid #e09247;outline-offset:3px}.hero-art{width:85%;max-width:1000px;margin:50px auto 0;display:block;border-radius:24px;transition:transform .7s}.hero-art:hover{transform:scale(1.025)}.comparison{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:1px;background:#718679;border:1px solid #718679;margin-top:35px}.comparison article{background:#2c3c32;padding:28px}.comparison article:hover{background:#344839;transition:background .7s}.small{font-size:13px;line-height:1.7}.paper{background:#f0eee3;color:#24352a}.paper p{color:#5a6457}.workspace{display:grid;grid-template-columns:1.5fr 1fr;gap:38px}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}label{display:block;font-size:14px;margin-bottom:17px}input,select,textarea{width:100%;padding:12px;font:inherit;color:#23352a;border:1px solid #b3bda8;background:#fffdf5;border-radius:7px;margin-top:8px;min-height:44px}textarea{min-height:90px;resize:vertical}.line-head{display:flex;justify-content:space-between;align-items:center}.period{padding:20px;border:1px solid #b1bda4;border-radius:14px;background:#fbfaef;margin:18px 0}.period h3{display:flex;justify-content:space-between;gap:10px;align-items:center}.period h3 button{font-size:13px;padding:8px 12px}.period .fields{grid-template-columns:repeat(3,1fr)}aside{padding:28px;background:#fcfcf1;border:1px solid #b1bda4;border-radius:16px;align-self:start;position:sticky;top:25px}.summary div{padding:13px 0;border-bottom:1px solid #d5dbc8;display:flex;justify-content:space-between;gap:15px}.summary strong{font-size:24px;white-space:nowrap}.summary span{max-width:65%}.file-label{position:relative;margin:0;font-size:14px;overflow:hidden}.file-label input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}#status{min-height:50px}.table-wrap{overflow:auto;width:100%;margin-top:40px;border:1px solid #b4c0aa;border-radius:12px}table{border-collapse:collapse;min-width:1100px;width:100%;font-size:13px;background:#fafbed}caption{text-align:left;padding:18px;font-size:17px;font-weight:600}th,td{text-align:left;border-bottom:1px solid #d2d9c4;padding:13px;vertical-align:top}th{font-weight:600}thead{background:#dce5ce}.guide{display:grid;grid-template-columns:1fr 1.25fr;gap:60px}.guide article{padding:30px 0;border-top:1px solid #67836b}.detail-art{width:100%;border-radius:18px;margin-top:20px;transition:transform .7s}.detail-art:hover{transform:scale(1.035)}.review p{font-size:clamp(24px,4vw,46px);max-width:1050px;line-height:1.25}.notes{background:#344939}@media(max-width:850px){section{padding:82px 6%}.workspace,.guide,.comparison{grid-template-columns:1fr}.period .fields{grid-template-columns:repeat(2,1fr)}aside{position:static}.hero-art{width:100%}.brand{font-size:17px}nav div{gap:15px;font-size:14px}h1{font-size:clamp(35px,8vw,60px)}}@media(max-width:440px){.fields,.period .fields{grid-template-columns:1fr}nav{padding:20px 5%}.brand{font-size:15px}nav div{gap:10px;font-size:13px}.summary strong{font-size:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}