:root { --line:#d9d2c4; --white:#fff; --muted:#526257; --max:960px; --orange:#e07c31; }
    *{box-sizing:border-box}
    body{margin:0;font-family:"Segoe UI","Trebuchet MS",Arial,sans-serif;background:linear-gradient(180deg,#f9f6f0 0%,#f2ecdf 100%)}
    .container{width:min(100% - 2rem,var(--max));margin-inline:auto}
    main{padding:1rem 0 2rem}
    .card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:1rem;margin-bottom:1rem}
    h1,h2{margin-top:.1rem}
    p{margin:.2rem 0;color:#2d372f}
    .muted{color:var(--muted)}
    .doc-list{display:grid;grid-template-columns:1fr;gap:.55rem}
    .doc-item{border:1px solid #e1d8c8;background:#fffdfa;border-radius:10px;padding:.6rem .7rem}
    a.doc-link{color:#1f5130;text-decoration:none;font-weight:700}
    a.doc-link:hover{text-decoration:underline}
    .tag{display:inline-block;background:#fff1e4;border:1px solid #f0c8a4;color:#8c4a1d;border-radius:999px;padding:.15rem .55rem;font-size:.8rem}