/*
Theme Name: Story & Press
Theme URI: https://storyandpress.com/
Author: Story & Press
Description: Custom theme for storyandpress.com, built on Secure Custom Fields (SCF) or ACF Pro flexible content. Every page is assembled from section layouts. Appearance → Story & Press Setup imports the original site content.
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: storyandpress
*/

/* ---- Global rules carried over from the static build (keep: the phone layout depends on them) ---- */
body{margin:0;background:#0A0A0A}
[id]{scroll-margin-top:100px}
h1,h2,h3{text-wrap:balance}
@media (max-width: 640px){.m-hide{display:none!important}p[style*="letter-spacing: 2.5px"]{font-size:17px!important;letter-spacing:2px!important}.m-1col{grid-template-columns:1fr!important}.m-pad{padding:28px 22px!important;gap:32px!important}.m-wrap{flex-wrap:wrap!important}.logo-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.logo-strip img{max-width:100%!important;height:auto!important;max-height:48px}h3[style*="border-radius: 999px"]{font-size:22px!important;border-radius:14px!important;padding:8px 14px!important}.stat-combo{font-size:34px!important}.stack-card{flex-direction:column!important;align-items:flex-start!important}}p,li,figcaption{text-wrap:pretty}
@media (max-width: 640px){h1{font-size:clamp(34px,10.5vw,52px)!important;letter-spacing:-1.5px!important;line-height:1.02!important}h2[style*="font-size: 4"],h2[style*="font-size: 5"],h2[style*="font-size: 6"],h2[style*="font-size: 7"]{font-size:clamp(30px,8.6vw,36px)!important;letter-spacing:-1px!important;line-height:1.08!important}p[style*="font-size: 44px"],p[style*="font-size: 40px"],p[style*="font-size: 36px"]{font-size:27px!important;line-height:1.2!important;letter-spacing:-0.5px!important}p[style*="font-size: 34px"],p[style*="font-size: 32px"]{font-size:25px!important;line-height:1.25!important}}
a{color:#FFFFFF}a:hover{color:#FF6B76}
details summary{cursor:pointer;list-style:none}
details summary::-webkit-details-marker{display:none}
@media (max-width: 900px){.tl-svg{display:none!important}.tl-vsvg{display:block!important}.tl-list{grid-template-columns:1fr!important;gap:0!important;padding-left:72px!important}.tl-list li{text-align:left!important;padding:0!important;height:175px;box-sizing:border-box}.tl-yr{justify-content:flex-start!important;height:auto!important}}

/* Light forms (free placement, contact) */
.sp-form-light input::placeholder,.sp-form-light textarea::placeholder{color:#6E6E76}
.sp-form-light input:focus,.sp-form-light select:focus,.sp-form-light textarea:focus{outline:2px solid #E3101E;outline-offset:1px;background:#FFFFFF}
.sp-form-dark input:focus,.sp-form-dark textarea:focus{outline:2px solid #E3101E;outline-offset:1px}
.sp-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.sp-form-msg{margin:0;padding:14px 16px;border-radius:8px;font-size:15px;font-weight:600;line-height:1.5}
.sp-form-msg.is-ok{background:#E8F7EE;color:#0B5B2A;border:1px solid #16A34A}
.sp-form-msg.is-err{background:#FFE9EA;color:#8A0A13;border:1px solid #E3101E}
.sp-form-dark .sp-form-msg.is-ok{background:rgba(22,163,74,.15);color:#C9F2D8}

/* Founder story body (WYSIWYG) */
.sp-founder-body p{margin:0}

/* Legal / text page content (WYSIWYG) */
.sp-legal h2{margin:48px 0 0;font-size:26px;line-height:1.2;font-weight:800;letter-spacing:-0.5px}
.sp-legal h3{margin:32px 0 0;font-size:20px;line-height:1.3;font-weight:800}
.sp-legal p{margin:14px 0 0;font-size:17px;line-height:1.7;color:#E6E6EA;font-weight:500}
.sp-legal strong{color:#FFFFFF;font-weight:700}
.sp-legal ul,.sp-legal ol{margin:14px 0 0;padding-left:22px;font-size:17px;line-height:1.7;color:#E6E6EA;font-weight:500;display:flex;flex-direction:column;gap:8px}
.sp-legal a{color:#FF5560;font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* Header / nav */
.sp-header-nav a.sp-current{color:#FF5560}
.admin-bar .sp-header{top:32px!important}
@media (max-width:782px){.admin-bar .sp-header{top:46px!important}}
@media (max-width:600px){.admin-bar .sp-header{top:0!important}}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;left:12px;top:12px;z-index:100000;background:#fff;color:#0A0A0A;padding:12px 16px;border-radius:6px}
