/* Route styles extracted from store-policy.html for the stylesheet CSP. */
.policy-layout{display:grid;grid-template-columns:220px 1fr;gap:48px;padding:48px 0 80px;align-items:start}
    @media(max-width:768px){.policy-layout{grid-template-columns:1fr;gap:28px}.policy-layout .policy-nav{position:static}}
    .policy-nav{position:sticky;top:24px}
    .policy-nav a{display:flex;align-items:center;min-height:44px;font-size:14px;color:var(--muted);text-decoration:none;padding:6px 0 6px 12px;border-left:2px solid var(--border);margin-bottom:4px;transition:color .2s,border-color .2s}
    .policy-nav a:hover,.policy-nav a.active{color:var(--accent);border-color:var(--accent)}
    .policy-content h2{font-size:1.4rem;font-weight:700;margin:0 0 16px;scroll-margin-top:80px}
    .policy-content p,.policy-content li{color:var(--muted);line-height:1.75;font-size:15px}
    .policy-content p{margin:0 0 16px}
    .policy-content ul{margin:0 0 16px;padding-left:20px}
    .policy-content ul li{margin-bottom:6px}
    .policy-content a{color:var(--accent)}
    .divider{border:none;border-top:1px solid var(--border);margin:40px 0}
    .policy-hero{padding:48px 0 16px}
    .policy-hero h1{font-size:clamp(1.8rem,4vw,2.5rem);margin:0 0 8px}
    .policy-hero p{color:var(--muted);margin:0;font-size:14px}
    .hl{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px 20px;margin:0 0 20px}
    .hl p{margin:0;font-size:14px}
    .cart-badge{background:var(--accent);color:#000;border-radius:999px;padding:1px 7px;font-size:12px;font-weight:700;margin-left:4px;display:none}