/* Policy pages (/privacy, /security, /terms): a plain-language summary,
   then the full document in an iframe. Shared styles live in base.css. */

.draft-note {
    margin-top: 18px;
    font-size: 0.95rem;
    color: var(--ink-muted);
    border-left: 3px solid var(--waypoint);
    padding-left: 14px;
}

.summary {
    margin-top: 40px;
    padding: 26px 28px;
    background: var(--accent-soft);
    border-color: var(--accent-soft-line);
}

.takeaways {
    margin: 12px 0 0;
    padding-left: 1.2em;
}

.takeaways li {
    margin-bottom: 14px;
    max-width: 68ch;
}

.takeaways li:last-child { margin-bottom: 0; }

.takeaways li::marker { color: var(--accent); }

.takeaways strong {
    display: block;
    color: var(--ink);
}

.doc-frame {
    display: block;
    width: 100%;
    height: 75vh;
    min-height: 480px;
    border: 1px solid var(--rule);
    border-radius: 10px;
    background: var(--bg);
}

.also-read {
    margin-top: 28px;
    font-size: 0.95rem;
    color: var(--ink-muted);
}