/* Wingmark fresh site: shell additions (Igor). Tokens come from core.css. */
.skip{position:absolute;left:-9999px;top:0;background:var(--accent);color:var(--on-accent);padding:10px 14px;z-index:99;font:600 .9rem var(--body)}
.skip:focus{left:8px;top:8px}
main#main{min-height:60vh}
@media(max-width:760px){
 .head{position:relative}
 .nav{display:none;position:absolute;top:58px;left:0;right:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 16px;margin:0}
 .nav.open{display:flex}
 .nav a{padding:14px 0;border-top:1px solid var(--line)}
 .nav a:first-child{border-top:0}
 .nav .navcta{margin-top:10px;text-align:center;border-top:0}
}
.pline{font:600 1.02rem/1.35 var(--head);margin-bottom:12px}
.prodpage .proof .gr{margin:0}
.prodpage .pline+.gr{margin-top:6px}
.prodpage .biz{margin:18px 0 0;color:var(--muted)}
.prodpage .biz a{color:var(--text)}
.foot-note{margin-top:28px;max-width:90ch}
.prodpage .stories{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.scard{display:flex;flex-direction:column;gap:8px;padding:22px;text-decoration:none}
.scard h3{font:600 1.2rem/1.25 var(--head)}
.btn[data-copy].copied{background:var(--good);color:#06210f}
/* long-form text pages (privacy, 404) */
.prose{max-width:70ch;padding:48px 0 0}
.prose h1{font:700 clamp(2rem,3vw + .6rem,3rem)/1.08 var(--head);letter-spacing:-.025em;margin-bottom:16px}
.prose h2{font:600 1.3rem/1.25 var(--head);margin:34px 0 10px}
.prose p{color:var(--muted);margin:0 0 14px}
.prose a{color:var(--accent-ink)}
.prose p:first-of-type{color:var(--text)}
.prose .stamp{font:500 .72rem/1.5 var(--mono);color:var(--muted);margin-bottom:18px}
.prose ul{color:var(--muted);margin:0 0 14px;padding-left:1.2em}
.prose b{color:var(--text)}
/* story pages */
.story .prose{max-width:70ch;padding-top:28px}
.story .prose p{color:var(--text)}
.story .prose ul,.story .prose ol{color:var(--text);margin:0 0 14px;padding-left:1.2em}
.story .prose table{width:100%;border-collapse:collapse;margin:0 0 18px;font:400 .9rem var(--body)}
.story .prose th,.story .prose td{padding:8px 10px;border-top:1px solid var(--line);text-align:left}
.simg{margin:0}.simg img{width:100%;height:auto;border-radius:10px;display:block}
/* Ray QA 1: grid columns by card count, content-sized cards */
.others[data-n="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.others[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.others[data-n="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.others[data-n="5"]{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1100px){.others[data-n="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.others[data-n]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.others[data-n]{grid-template-columns:1fr}}
.prodpage .steps,.aboutpage .offers{align-items:start}
.aboutpage .strip+.cap{font-size:.68rem}
.story .prose .checked{font:500 .72rem/1.5 var(--mono);color:var(--muted);letter-spacing:.04em}
.story .prose h2{margin-top:30px}
.story .prose .story-related{list-style:none;padding:0}
.story .prose .story-related li{padding:8px 0;border-top:1px solid var(--line)}
.story .prose .sources{margin-top:28px;padding-top:6px;border-top:1px solid var(--line);font-size:.88rem}
.story .prose .sources li,.story .prose .sources p{color:var(--muted)}
.story .prose a{color:var(--accent-ink)}
/* long URLs in story sources must wrap on phones (Harriet) */
.story .prose,.story .prose p,.story .prose li,.story .prose a,.prose .sources{overflow-wrap:anywhere}
/* phone minimum 13px for small text (Ray QA, Harriet): captions, stamps, footer */
@media(max-width:760px){
 .cap,.stamp,.prose .stamp,.foot,.foot a,.foot .fine,.crumb,.tk-tile .tc{font-size:max(13px,1em)}
 .cap,.stamp,.prose .stamp{font-size:13px}
 .foot,.foot a,.foot .fine{font-size:13px}
 .foot h4,.kick,.cat,.lnk{font-size:13px}
}
.prose blockquote,.notice{margin:0 0 14px;padding:12px 16px;border-left:3px solid var(--accent);background:var(--surface);color:var(--text)}
.prodpage .pilot{margin-top:24px;padding:30px;border-top:3px solid var(--accent)}
.prodpage .pilot h2{font:600 1.5rem/1.2 var(--head);margin-bottom:12px}
.prodpage .pilot p{color:var(--muted);max-width:66ch;margin:0 0 12px}
.prodpage .pilot ul{color:var(--text);margin:0 0 14px;padding-left:1.2em}
.prodpage .pilot .invite b{color:var(--text)}
@media(max-width:900px){.prodpage .pilot{padding:22px}}
/* phone 13px, remaining spots (Harriet): About sources caption, story checked line, ticker tile text */
@media(max-width:760px){
 .aboutpage .strip+.cap,.story .prose .checked,.tk-tile,.tk-tile .st,.tk-tile .tc{font-size:13px}
}