.cp{--line:#e2e7df;--paper:#fff;--shadow-card:0 1px 2px #0c3c280d, 0 10px 30px #0c3c2812;background:var(--cream);flex-direction:column;min-height:100dvh;display:flex}.cp nav{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4f0e4e0;border-bottom:1px solid #0c3c2812;position:sticky;top:0}.cp nav .bar{justify-content:space-between;align-items:center;max-width:1240px;height:64px;margin:0 auto;padding:0 24px;display:flex}.cp .brand{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.01em;align-items:center;gap:11px;font-size:20px;font-weight:600;display:flex}.cp .brand img{width:34px;height:34px;box-shadow:var(--shadow-card);border-radius:9px}.cp .brand b{color:var(--green);font-weight:600}.cp .nav-back{color:var(--ink-soft);align-items:center;gap:7px;font-size:14px;font-weight:500;display:inline-flex}.cp .nav-back:hover{color:var(--ink)}.cp .nav-back svg{width:16px;height:16px}.cp .head{background:linear-gradient(160deg, var(--green-hero) 0%, var(--green-hero2) 100%);color:var(--cream);position:relative;overflow:hidden}.cp .head:before{content:"";background:radial-gradient(500px 260px at 90% -20%,#c7e64b26,#0000 60%);position:absolute;inset:0}.cp .head .inner{max-width:820px;margin:0 auto;padding:44px 24px 40px;position:relative}.cp .head h1{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.02em;color:#fff;margin:0;font-size:clamp(27px,4vw,38px);font-weight:600;line-height:1.1}.cp .head p{color:#f4f0e4d9;max-width:60ch;margin:12px 0 0;font-size:16px}.cp main{flex:1;width:100%;max-width:820px;margin:0 auto;padding:40px 24px 64px}.cp main h2{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.01em;margin:40px 0 12px;padding-top:8px;font-size:22px;font-weight:600}.cp main h2:first-child{margin-top:0;padding-top:0}.cp main h3{margin:24px 0 8px;font-size:16.5px;font-weight:600}.cp main p{color:var(--ink-soft);margin:0 0 14px;font-size:16px;line-height:1.7}.cp main ul{margin:0 0 16px;padding-left:20px}.cp main li{color:var(--ink-soft);margin-bottom:8px;font-size:16px;line-height:1.7}.cp main a{color:var(--green-deep);text-underline-offset:2px;text-decoration:underline}.cp main a:hover{color:var(--green)}.cp main strong{color:var(--ink);font-weight:600}.cp .card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:14px;margin:0 0 20px;padding:22px 24px}.cp .card p:last-child,.cp .card ul:last-child{margin-bottom:0}.cp .card dl{grid-template-columns:minmax(150px,auto) 1fr;gap:8px 20px;margin:0;font-size:15.5px;display:grid}.cp .card dt{color:var(--muted)}.cp .card dd{color:var(--ink);margin:0}@media (max-width:560px){.cp .card dl{grid-template-columns:1fr;gap:2px}.cp .card dd{margin-bottom:10px}}.cp .todo{color:var(--danger);font-weight:600}.cp table{border-collapse:collapse;width:100%;margin:0 0 20px;font-size:15px}.cp table th,.cp table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:11px 12px}.cp table th{color:var(--ink);border-bottom-color:var(--muted);font-weight:600}.cp table td{color:var(--ink-soft)}.cp .table-scroll{overflow-x:auto}.cp footer{border-top:1px solid var(--line);background:var(--cream-card)}.cp footer .inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 22px;max-width:820px;margin:0 auto;padding:24px;display:flex}.cp footer .fl{flex-wrap:wrap;gap:10px 18px;display:flex}.cp footer a{color:var(--ink-soft);font-size:14px}.cp footer a:hover{color:var(--green-deep)}.cp footer .copy{color:var(--muted);font-size:13px}