/* Contact page. The form (.cform, .field) and info cards (.cinfo) come from listing.css; this file adds the
   "message sent" panel (shown when the form returns to #sent) and the corrections policy cards. */
.sec-tight+.sec-tight{padding-top:0}
.contact__main{display:grid;gap:1rem;min-width:0}
.cform__note a{color:var(--ember-text);font-weight:700}

/* message sent: hidden until the address ends in #sent */
.sent{display:none;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:center;padding:1rem 1.15rem;border-radius:var(--r-m);background:var(--ok-tint);border:1px solid #bfe3cf;scroll-margin-top:6rem}
.sent:target{display:grid}
.sent__ico{display:grid;place-items:center;width:3rem;height:3rem;border-radius:16px;background:#fff;color:var(--ok)}
.sent b{display:block;font:700 1.05rem/1.25 var(--display);color:var(--ink)}
.sent p{margin-top:.2rem;font-size:.9rem;color:var(--text)}

/* corrections policy */
.corr{display:grid;gap:1rem}
.corr__card{padding:1.25rem 1.3rem;border-radius:var(--r-l);background:#fff;box-shadow:var(--sh-1)}
.corr__card h3{display:flex;align-items:center;gap:.6rem;font-size:1.12rem}
.corr__card h3>span{display:grid;place-items:center;flex:none;width:2.4rem;height:2.4rem;border-radius:12px;background:var(--ember-tint);color:var(--ember-600)}
.corr__card ul{display:grid;gap:.55rem;margin-top:.85rem}
.corr__card li{display:flex;gap:.55rem;align-items:flex-start;font-size:.93rem;line-height:1.45;color:var(--text)}
.corr__card li .ic{width:1.1rem;height:1.1rem;margin-top:.15rem;color:var(--ok)}
.corr__card--no h3>span{background:var(--bad-tint);color:var(--bad)}
.corr__card--no li .ic{color:var(--bad)}
.icard p a{color:var(--ember-text);font-weight:700}
@media (min-width:48rem){.corr{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* phones: the form comes up near the first screen, so the photo strip is left out below 48rem */
@media (max-width:47.99rem){.phero__art,.phero .subtopics{display:none}}

/* tidy pass 2026-10-18: one line replaces the "Before you write" cards */
.contact-know{display:flex;gap:.55rem;align-items:flex-start;margin-top:1rem;padding:.85rem 1rem;border-radius:var(--r-m);background:var(--frost);font-size:.92rem;line-height:1.5;color:var(--text)}
.contact-know .ic{flex:none;margin-top:.2rem;color:#24477a}
.contact-know a{color:var(--ember-text);font-weight:700}