/* Plain pages: contact, legal (privacy / cookies / gdpr), preview menu. Uses tokens from ss.css. */

/* ---- legal ---- */
.pg-legal__main{padding-top:56px}
.pg-legal h1{margin-bottom:.6em}
.legal{font-size:18px;line-height:1.75}
.legal h2{font-size:clamp(24px,2.6vw,32px);margin:2em 0 .5em;padding-top:1.1em;border-top:1px solid var(--line)}
.legal h2:first-child{margin-top:0;padding-top:0;border-top:0}
.legal h3{font-size:clamp(20px,2vw,24px);margin:1.6em 0 .4em}
.legal h4{font:700 18px/1.4 var(--sans);color:var(--brown);margin:1.4em 0 .3em;letter-spacing:0}
.legal ul{margin:0 0 1.2em;padding-left:1.3em}
.legal li{margin-bottom:.55em;padding-left:.2em}
.legal li::marker{color:var(--crimson)}
.legal a{overflow-wrap:anywhere}
.legal-links{margin-top:3em;padding-top:1.4em;border-top:1px solid var(--line);text-align:center}

/* ---- contact ---- */
.ct-head{max-width:720px;margin:0 auto 40px;text-align:center}
.ct-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:start;max-width:980px;margin:0 auto}
.ct-form .ss-btn{margin-top:4px}
.ct-text{resize:vertical;min-height:160px}
.ct-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ct-dry{font-size:16px}
.ct-side{background:var(--blush)}
.ct-side h2{font-size:26px}
.ct-mail{font:650 21px/1.3 var(--serif);overflow-wrap:anywhere}
@media (max-width:820px){.ct-grid{grid-template-columns:1fr}.ct-head{text-align:left}}

/* ---- preview menu ---- */
body.pg-menu{background:#2a1d17}
.mn-wrap{max-width:780px;margin:36px auto;padding:30px 34px 38px;background:var(--paper);border-radius:10px}
.mn-wrap h1{font-size:clamp(28px,4vw,38px);margin:0 0 6px}
.mn-wrap h2{font:700 21px/1.3 var(--sans);color:var(--deep);margin:30px 0 10px;padding-bottom:7px;border-bottom:2px solid var(--line);letter-spacing:0}
.mn-note{margin:0 0 22px;color:var(--ink-2);font-size:16px}
.mn-page{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:8px 0;padding:14px 18px;border:1px solid var(--line);border-radius:8px;color:var(--ink);text-decoration:none;background:#fff}
.mn-page:hover{background:var(--gold-l);border-color:var(--gold)}
.mn-page b{font-size:18px}
.mn-page span{color:var(--ink-2);font-size:16px;text-align:right}
.mn-page i{font-style:normal;color:var(--brown);white-space:nowrap}
.mn-page.is-rec{border:2px solid var(--ok);background:#f2f9f3}
.mn-price{color:var(--crimson);font-weight:700}
.mn-warn{background:var(--gold-l);padding:10px 14px;border-radius:8px;font-size:16px;margin:0 0 10px}
.mn-newest{border:3px solid var(--gold);background:#fffaec;border-radius:10px;padding:2px 18px 16px;margin:6px 0 34px}
.mn-newest .mn-newest-h{color:var(--crimson);border:0;font-size:23px;margin-top:16px;padding:0}
.mn-newest-note{margin:-4px 0 6px;color:var(--ink-2);font-size:16px}
.mn-newest h2:not(.mn-newest-h){border-bottom:0;font-size:19px}
.mn-new{display:inline-block;background:var(--crimson);color:#fff;font:700 14px/1.3 var(--sans);padding:2px 9px;border-radius:10px;margin-right:8px;vertical-align:middle;letter-spacing:.04em}
.mn-rec{display:inline-block;background:var(--ok);color:#fff;font:700 14px/1.3 var(--sans);padding:2px 9px;border-radius:10px;vertical-align:middle}
.mn-date{display:inline-block;margin-left:8px;background:var(--sand);color:var(--ink-2);font:400 15px/1.3 var(--sans);padding:1px 9px;border-radius:10px;vertical-align:middle}
@media (max-width:640px){.mn-wrap{margin:0;border-radius:0;padding:22px 16px}.mn-page{flex-direction:column;align-items:flex-start;gap:4px}.mn-page span{text-align:left}}
.mn-page b .mn-rec,.mn-page b .mn-price{font-size:14px;text-align:left}
.mn-page b .mn-rec{color:#fff}
.mn-page b .mn-price{font-size:18px;color:var(--crimson)}