:root{--accent:#e2b357;--green:#1a6232;--muted:#666;--card-bg:#fff;--sidebar-bg:#f7faf8}.hero{color:#fff;text-align:center;background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:60vh;padding:5rem 1.5rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;background:linear-gradient(135deg,#143c1ebf,#1a6232a6);position:absolute;inset:0}.hero:after{content:"";z-index:0;background:radial-gradient(circle at 0 100%,#e2b35733,#0000 60%);position:absolute;inset:0}.hero>div{z-index:1;max-width:960px;animation:.8s ease-out fadeInUp;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero h1{letter-spacing:-.02em;text-shadow:0 2px 20px #0000004d;margin:0 0 1.25rem;font-family:Playfair Display,serif;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:700;line-height:1.2}.hero p{opacity:.95;letter-spacing:.3px;font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:500}.detail{grid-template-columns:1fr 320px;gap:2.5rem;max-width:1200px;margin:3.5rem auto;padding:0 1.5rem 4rem;display:grid}.body{background:var(--card-bg);color:#2f2f2f;border:1px solid #0000000a;border-radius:16px;min-width:0;padding:2.75rem;line-height:1.8;box-shadow:0 4px 24px #06182312}.body h2{color:var(--green);border-left:5px solid var(--accent);margin-top:2.5rem;margin-bottom:1rem;padding-left:16px;font-size:1.75rem;font-weight:700;line-height:1.3;position:relative}.body h2:first-child{margin-top:0}.body h3{color:var(--green);border-left:3px solid var(--accent);margin-top:2rem;margin-bottom:.75rem;padding-left:12px;font-size:1.35rem;font-weight:600}.body p{color:#444;margin:0 0 1.25rem;font-size:clamp(1rem,1.5vw,1.08rem);line-height:1.8}.body strong{color:var(--green);font-weight:600}.body img{border-radius:14px;width:100%;height:auto;margin:2.25rem 0 .75rem;transition:transform .3s;display:block;box-shadow:0 8px 30px #00000014}.body img:hover{transform:scale(1.02)}.caption{text-align:center;color:var(--muted);margin-bottom:1.75rem;font-size:.92rem;font-style:italic;line-height:1.5}.body ul,.body ol{margin:1rem 0 1.5rem 1.5rem;line-height:1.8}.body li{margin-bottom:.65rem;padding-left:.5rem}.body ul li::marker{color:var(--accent)}blockquote{border-left:5px solid var(--accent);color:var(--green);background:linear-gradient(135deg,#f9fdf9 0%,#f4f9f4 100%);border-radius:12px;margin:2rem 0;padding:1.5rem 1.75rem;font-size:1.05rem;font-style:italic;line-height:1.7;box-shadow:0 2px 12px #1a623214}.sidebar{background:var(--sidebar-bg);border-left:4px solid var(--green);border-radius:14px;align-self:flex-start;max-height:calc(100vh - 10rem);padding:1.75rem;position:sticky;top:6rem;overflow-y:auto;box-shadow:0 4px 20px #0618230f}.sidebar h3{color:var(--green);border-bottom:2px solid #1a623226;margin:0 0 1.25rem;padding-bottom:.75rem;font-size:1.25rem;font-weight:700}.sidebar ul{margin:0;padding-left:0;list-style:none}.sidebar li{border-bottom:1px solid #0000000d;margin-bottom:0}.sidebar li:last-child{border-bottom:none}.sidebar a{color:#333;border-radius:8px;padding:.85rem .5rem;font-size:.97rem;line-height:1.5;text-decoration:none;transition:all .2s;display:block}.sidebar a:hover{color:var(--accent);background:#e2b35714;padding-left:1rem;transform:translate(6px)}@media (max-width:1024px){.detail{grid-template-columns:1fr 280px;gap:2rem}.body{padding:2.25rem}}@media (max-width:768px){.detail{grid-template-columns:1fr;gap:1.5rem;margin-top:2.5rem}.sidebar{border-left:none;border-top:4px solid var(--green);max-height:none;margin-top:1.5rem;position:relative;top:auto}.body{padding:2rem}.hero{min-height:50vh;padding:4rem 1.25rem}}@media (max-width:480px){.hero h1{font-size:clamp(1.5rem,7vw,2rem)}.body{padding:1.5rem}.body h2{margin-top:2rem;font-size:1.5rem}.body h3{font-size:1.2rem}.caption{font-size:.88rem}.sidebar{padding:1.5rem}.sidebar h3{font-size:1.1rem}}