:root{font-family:'Manrope',Arial,Helvetica,sans-serif;font-size:16px;color:#16212E;background:#F6F4F1}
*{box-sizing:border-box}
body{margin:0}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:400}

main{max-width:1100px;margin:auto;padding:36px clamp(14px,3vw,40px) 80px}
.crumb{font-size:.78rem;color:#8A93A0;margin:0 0 14px;letter-spacing:.02em}
.crumb a{color:#9D7A5A;text-decoration:none}
.crumb a:hover{text-decoration:underline}
.page-title h1{font-size:clamp(1.7rem,2.6vw,2.3rem);margin:0 0 6px;color:#102E4A}
.page-title p{color:#5C6B7A;margin:0 0 26px;line-height:1.6;font-size:.95rem;max-width:820px}

/* ── HOW-TO ── */
.how-to{background:#fff;border:1px solid rgba(157,122,90,.22);border-radius:6px;padding:4px 20px;margin:0 0 22px}
.how-to summary{cursor:pointer;list-style:none;padding:14px 0;font-weight:700;font-size:.86rem;color:#102E4A;display:flex;align-items:center;gap:8px}
.how-to summary::-webkit-details-marker{display:none}
.how-to summary::before{content:"?";flex:0 0 auto;width:18px;height:18px;border-radius:50%;background:#9D7A5A;color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.how-to[open] summary{border-bottom:1px solid rgba(157,122,90,.18);margin-bottom:12px}
.how-to ul{margin:0;padding:0 0 16px;list-style:none;display:flex;flex-direction:column;gap:9px}
.how-to li{font-size:.83rem;line-height:1.55;color:#3D4A57;padding-left:16px;position:relative}
.how-to li::before{content:"—";position:absolute;left:0;color:#9D7A5A}
.how-to li a{color:#9D7A5A;font-weight:600}

/* ── DISCLAIMER BANNER ── */
.frag-banner{background:#FBF3E7;border:1px solid rgba(157,122,90,.35);border-radius:6px;padding:14px 18px;font-size:.84rem;color:#7A5A38;margin:0 0 36px;line-height:1.5}
.frag-banner strong{color:#5C4325}

/* ── SECTIONS ── */
.anv-section{margin:0 0 44px}
.anv-section h2{font-size:1.4rem;color:#102E4A;margin:0 0 14px}
.frag-section-desc{color:#5C6B7A;font-size:.9rem;line-height:1.55;max-width:780px;margin:0 0 18px}

.anv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.anv-card{border:1px solid rgba(157,122,90,.2);background:#fff;border-radius:6px;padding:18px;box-shadow:0 6px 24px rgba(16,46,74,.05)}
.anv-card-tag{display:inline-block;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:#9D7A5A;font-weight:700;background:#FBF3E7;padding:4px 10px;border-radius:99px;margin:0 0 10px}
.anv-card h3{font-size:1.1rem;color:#102E4A;margin:0 0 8px}
.anv-card p{font-size:.85rem;color:#5C6B7A;line-height:1.55;margin:0}

/* ── PRICING BLOCKS ── */
.anv-price{margin-top:16px;padding-top:14px;border-top:1px solid rgba(157,122,90,.18)}
.anv-price h4{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:#9D7A5A;font-weight:700;margin:0 0 10px}
.anv-price ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.anv-price li{font-size:.83rem;color:#5C6B7A;line-height:1.5;padding-left:14px;position:relative}
.anv-price li::before{content:"—";position:absolute;left:0;color:#9D7A5A}
.anv-price li strong{color:#102E4A}
.anv-price li.anv-price-total{font-weight:600;color:#102E4A}
.anv-price li.anv-price-total::before{content:"✓";color:#9D7A5A}
.anv-price-note{font-size:.78rem;color:#8A93A0;margin:16px 0 8px;padding-top:10px;border-top:1px dashed rgba(157,122,90,.25);font-weight:600}
.anv-price-grau2 p{font-size:.85rem;color:#5C6B7A;line-height:1.6;margin:0 0 10px}
.anv-price-grau2 p:last-child{margin-bottom:0}
.anv-price-grau2 p strong{color:#102E4A}

.terc-rules{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;max-width:780px}
.terc-rules li{font-size:.88rem;line-height:1.55;color:#3D4A57;padding-left:18px;position:relative}
.terc-rules li::before{content:"—";position:absolute;left:0;color:#9D7A5A}

@media(max-width:600px){
  main{padding:24px 16px 50px}
}