.literature-page{--paper:#f3f8f7;--ink:#173d39;--line:#d6e5e2;background:#fff;color:var(--ink)}
.lit-wrap{max-width:1180px;margin:auto;padding:0 24px}.lit-hero{padding:66px 0 48px;background:var(--paper);border-bottom:1px solid var(--line)}.lit-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.lit-kicker{text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:700;color:#006e62}.lit-hero h1{font-family:Poppins,sans-serif;font-size:clamp(2rem,4.1vw,3.4rem);line-height:1.15;margin:16px 0 22px;letter-spacing:-.035em}.lit-hero p{font-size:1.08rem;line-height:1.7;max-width:650px}.lit-sample{background:#fff;border:1px solid var(--line);border-radius:6px;padding:30px;box-shadow:12px 12px 0 #e0eeea;transform:rotate(1deg)}.lit-sample small{display:block;text-transform:uppercase;letter-spacing:.09em;color:#52726d}.lit-sample blockquote{margin:22px 0;font-family:Georgia,serif;font-size:1.12rem;line-height:1.6}.lit-sample footer{border-top:1px solid var(--line);padding-top:14px;font-size:.86rem}.lit-tags{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.lit-tags span{border:1px solid #bed7d1;border-radius:30px;padding:5px 12px;font-size:.82rem;background:#fff}
.lit-layout{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:36px;padding-top:40px;padding-bottom:50px;align-items:start}.lit-panel{border:1px solid var(--line);border-radius:12px;padding:26px;background:#fff;min-width:0}.lit-panel h2{font-size:1.4rem;margin:0 0 12px}.lit-panel h3{font-size:1.05rem}.lit-panel label{display:block;font-weight:600;font-size:.87rem;margin:14px 0 5px}.lit-panel :is(input,select,textarea){width:100%;min-width:0;padding:11px 12px;border:1px solid #a9c2bc;border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:.94rem}.lit-panel input[type=file]{font-size:.82rem}.lit-panel :is(input,select,textarea):focus-visible{outline:3px solid #a7dcd0;outline-offset:2px}.lit-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lit-actions{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 0}.lit-actions .btn{font-size:.86rem;padding:10px 14px;white-space:normal}.lit-note{font-size:.84rem!important;color:#47675f;line-height:1.6}.lit-status{padding:12px 14px;background:var(--paper);border-left:3px solid #008575;margin:16px 0;overflow-wrap:anywhere;font-size:.9rem}.lit-status[data-error=true]{background:#fff4e9;border-color:#a5530c}.lit-empty{padding:42px 18px;border:1px dashed #a9c2bc;text-align:center;background:var(--paper);border-radius:8px}.lit-entry{padding:22px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.lit-entry .csl-entry{line-height:1.8;padding-left:24px;text-indent:-24px;font-family:Georgia,serif}.lit-citation{background:var(--paper);padding:10px 12px;margin:12px 0 0;font-size:.85rem}.lit-entry button{font:inherit;font-size:.82rem;color:#006e62;background:#fff;border:1px solid #bfd6d0;border-radius:5px;padding:6px 10px;cursor:pointer}.lit-entry button:hover{background:var(--paper)}.lit-entry small{color:#52726d}.lit-guide{padding:46px 0;background:var(--paper)}.lit-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.lit-guide h2{font-size:1.65rem;margin-bottom:26px}.lit-guide h3{font-size:1.12rem}.lit-guide p{line-height:1.7;font-size:.95rem}.lit-faq{padding:42px 24px 70px}.lit-faq details{border-bottom:1px solid var(--line);padding:18px 0}.lit-faq summary{cursor:pointer;font-weight:600}.lit-faq p{margin:14px 0;line-height:1.7}.lit-inline{display:flex;gap:12px;align-items:center}.lit-inline input{flex:1}.lit-inline button{flex-shrink:0}.lit-panel :disabled{opacity:.5;cursor:not-allowed}.lit-saved{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
@media(max-width:800px){.lit-hero-grid,.lit-layout{grid-template-columns:1fr;gap:25px}.lit-hero{padding:38px 0}.lit-sample{max-width:520px;transform:none}.lit-layout{padding-top:26px}.lit-guide-grid{grid-template-columns:1fr;gap:10px}}@media(max-width:420px){.lit-wrap{padding-left:16px;padding-right:16px}.lit-panel{padding:18px}.lit-pair{grid-template-columns:1fr;gap:0}.lit-hero h1{font-size:2rem}.lit-inline{flex-wrap:wrap}.lit-inline button{width:100%}.lit-sample{padding:20px;box-shadow:5px 5px 0 #e0eeea}}