:root{color-scheme:light;--ink:#513625;--muted:#856a57;--forest:#316b5a;--paper:#fffaf0;--cream:#f7eddb;--line:#e8d5b9;--shadow:rgba(72,42,21,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font:16px/1.75 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:radial-gradient(ellipse at 10% 5%,#ffe3a5 0,transparent 40%),radial-gradient(ellipse at 97% 85%,#c9e5cb 0,transparent 38%),linear-gradient(165deg,#faefdf,#f2dfc2);background-attachment:fixed}a{color:var(--forest);text-underline-offset:3px}a:hover{color:#174e40}a:focus-visible,button:focus-visible{outline:3px solid #eeb64b;outline-offset:3px;border-radius:4px}.site-shell{max-width:955px;margin:0 auto;padding:34px 20px 56px}.masthead{display:flex;align-items:center;gap:18px;margin-bottom:22px;flex-wrap:wrap}.app-icon{width:88px;height:88px;object-fit:cover;border-radius:22px;border:3px solid #fff7e8;box-shadow:0 6px 18px var(--shadow)}.brand{flex:1;min-width:200px}.eyebrow{font-size:.77rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--forest)}.brand h1{font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.12;margin:2px 0 4px;font-weight:850;letter-spacing:-.035em}.brand p{color:var(--muted);margin:0;font-size:.94rem}.langnav{display:flex;gap:6px;align-self:flex-start}.langnav a{padding:6px 12px;background:#ffffffb8;border:1px solid var(--line);border-radius:12px;text-decoration:none;font-weight:700;font-size:.85rem}.langnav a[aria-current=page]{background:#3d7461;color:#fff;border-color:#3d7461}.card{border:1px solid rgba(159,122,71,.27);border-radius:22px;background:var(--paper);box-shadow:0 13px 35px var(--shadow);overflow:hidden}.ribbon{height:13px;background:repeating-linear-gradient(100deg,#e18d7f 0 35px,#f1bc65 35px 68px,#8cbd94 68px 100px,#7facd4 100px 132px,#c4a2d1 132px 158px);border-bottom:2px solid #fff3dc}.card-main{padding:clamp(22px,4.5vw,52px)}.card-main h2.page-title{font-size:clamp(1.7rem,3.8vw,2.15rem);line-height:1.25;letter-spacing:-.028em;margin:0 0 5px}.last-updated{font-size:.88rem;color:var(--muted);margin:0 0 24px}.intro{font-size:1.06rem;color:#5a402e;background:#f7ecd8;border-left:4px solid #d6a951;border-radius:0 12px 12px 0;padding:14px 18px;margin:0 0 24px}.card-main section{margin-top:27px}.card-main h3{font-size:1.14rem;margin:0 0 8px;line-height:1.35}.card-main p{margin:8px 0}.card-main ul{margin:9px 0;padding-left:22px}.card-main li{margin:5px 0}.soft-note{background:#eef5ee;border:1px solid #d2e4d7;border-radius:14px;padding:14px 18px;margin:20px 0}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.pills a{display:inline-block;padding:8px 15px;border-radius:40px;text-decoration:none;font-weight:750;background:#e7eedf;border:1px solid #cddcc6}.pills a.secondary{background:#f7ecd8;border-color:#e4cfab}.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;color:var(--muted);font-size:.87rem}.foot p{margin:0}.foot a{color:var(--ink)}@media(max-width:580px){.site-shell{padding:18px 12px 32px}.masthead{gap:12px}.app-icon{width:64px;height:64px;border-radius:16px}.langnav{width:100%;justify-content:flex-end}.card-main{padding:24px 20px}.foot{font-size:.8rem}}
