:root{
--ink: #0B0B0A;
--ink-soft: #17140F;
--cream: #F2ECDD;
--cream-dim: #E7DFC9;
--ember: #E2622F;
--ember-dim: #C0501F;
--current: #2CA98E;
--sage: #8FA77B;
--sage-ink: #23301D;
--line-on-ink: rgba(242,236,221,0.16);
--line-on-cream: rgba(11,11,10,0.14);
--display-giant: 'Anton', sans-serif;
--display: 'Big Shoulders Display', sans-serif;
--body: 'Newsreader', serif;
--mono: 'IBM Plex Mono', monospace;
}
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body.cstl7{
background: var(--cream);
color: var(--ink);
font-family: var(--body);
-webkit-font-smoothing: antialiased;
margin:0;
}
.cstl7 a{ color:inherit; text-decoration:none; }
.cstl7 img,.cstl7 svg{ display:block; max-width:100%; }
.cstl7 ul{ list-style:none; margin:0; padding:0; }
.cstl7 button{ font-family:inherit; }
.cstl7 h1,.cstl7 h2,.cstl7 h3,.cstl7 h4,.cstl7 h5,.cstl7 p{ margin:0; }
.cstl7 .wrap{ max-width:1280px; margin:0 auto; padding:0 32px; }
.cstl7 a:focus-visible, .cstl7 button:focus-visible, .cstl7 input:focus-visible{
outline: 2px solid var(--current);
outline-offset: 3px;
} .cstl7 .arrow-btn{
width:38px; height:38px;
display:flex; align-items:center; justify-content:center;
border:1px solid currentColor;
flex-shrink:0;
transition: background .15s ease, color .15s ease;
}
.cstl7 .arrow-btn svg{ width:16px; height:16px; }
.cstl7 a:hover .arrow-btn.on-ink{ background:var(--cream); color:var(--ink); }
.cstl7 a:hover .arrow-btn.on-cream{ background:var(--ink); color:var(--cream); } .cstl7 .cat-tabs{ background:var(--ink); border-bottom:1px solid var(--line-on-ink); }
.cstl7 .cat-tabs-row{ display:flex; align-items:center; justify-content:space-between; height:44px; }
.cstl7 .cat-tabs-left{ display:flex; align-items:center; height:100%; }
.cstl7 .cat-tabs-logo{ display:flex; align-items:center; height:100%; padding:0 22px; font-family:var(--display-giant); font-size:11px; letter-spacing:.5px; color:var(--cream); border-right:1px solid var(--line-on-ink); }
.cstl7 .cat-tabs-links{ display:flex; height:100%; }
.cstl7 .cat-tabs-links a{
display:flex; align-items:center; padding:0 22px;
font-family:var(--display); font-weight:700; font-size:13.5px; letter-spacing:.3px;
color:var(--cream); border-right:1px solid var(--line-on-ink);
}
.cstl7 .cat-tabs-links a:first-child{ border-left:1px solid var(--line-on-ink); }
.cstl7 .cat-tabs-links a:hover, .cstl7 .cat-tabs-links a.is-active{ background:rgba(242,236,221,0.06); color:var(--ember); }
.cstl7 .cat-tabs .bookmark-icon{ color:var(--cream); opacity:.6; } .cstl7 .masthead{ background:var(--ink); }
.cstl7 .masthead-row{ display:flex; align-items:center; justify-content:flex-end; padding:20px 0; }
.cstl7 .mini-logo{ font-family:var(--display-giant); font-size:15px; letter-spacing:.5px; color:var(--cream); }
.cstl7 .masthead-actions{ display:flex; align-items:center; gap:26px; }
.cstl7 .masthead-actions .link{ font-family:var(--display); font-weight:700; font-size:14.5px; letter-spacing:.3px; color:var(--cream); }
.cstl7 .subscribe-pill{
border:1px solid var(--cream); color:var(--cream); padding:9px 20px; border-radius:999px;
font-family:var(--display); font-weight:700; font-size:14px; letter-spacing:.3px;
transition: background .15s ease, color .15s ease; cursor:pointer;
}
.cstl7 .subscribe-pill:hover{ background:var(--cream); color:var(--ink); }
.cstl7 .menu-icon{ color:var(--cream); cursor:pointer; background:none; border:none; }
.cstl7 .mobile-only{ display:none; } .cstl7 .mobile-menu{ display:none; background:var(--ink); border-bottom:1px solid var(--line-on-ink); flex-direction:column; }
.cstl7 .mobile-menu.is-open{ display:flex; }
.cstl7 .mobile-menu a{ padding:14px 32px; font-family:var(--display); font-weight:700; font-size:15px; letter-spacing:.2px; color:var(--cream); border-top:1px solid var(--line-on-ink); }
.cstl7 .mobile-menu a:hover{ color:var(--ember); background:rgba(242,236,221,0.05); } .cstl7 .article-comments{ margin-top:20px; padding-top:14px; border-top:1px solid var(--line-on-cream); font-family:var(--body); width:100% !important; max-width:100% !important; box-sizing:border-box !important; }
.cstl7 .article-comments #respond, .cstl7 .article-comments .comment-form{ width:100% !important; max-width:100% !important; box-sizing:border-box !important; }
.cstl7 .article-comments .comment-form p{ width:100% !important; max-width:100% !important; box-sizing:border-box !important; }
.cstl7 .article-comments h2, .cstl7 .article-comments h3{ font-family:var(--display); font-weight:800; font-size:15px; letter-spacing:.3px; text-transform:uppercase; margin-bottom:.6em; }
.cstl7 .article-comments input[type="submit"]{ background:var(--ember); color:var(--cream); border:none; padding:8px 18px; font-family:var(--display); font-weight:800; font-size:13px; cursor:pointer; }
.cstl7 .article-comments input[type="submit"]:hover{ background:var(--ember-dim); }
.cstl7 .article-comments input[type="text"], .cstl7 .article-comments input[type="email"], .cstl7 .article-comments input[type="url"], .cstl7 .article-comments textarea{
width:100%; border:1px solid var(--line-on-cream); background:var(--cream); padding:8px 10px; font-family:var(--body); font-size:14px;
}
.cstl7 .article-comments textarea{ resize:vertical !important; box-sizing:border-box !important; height:52px !important; min-height:52px !important; max-height:160px; padding:6px 10px !important; line-height:1.35 !important; }
.cstl7 .comment-list{ list-style:none; margin:0 0 18px; padding:0; }
.cstl7 .comment-list .comment{ display:flex; gap:10px; padding:12px 0; border-bottom:1px solid var(--line-on-cream); }
.cstl7 .comment-list .avatar{ border-radius:50%; flex-shrink:0; }
.cstl7 .comment-author .fn{ font-family:var(--display); font-weight:700; font-style:normal; font-size:13.5px; }
.cstl7 .comment-metadata, .cstl7 .comment-meta a{ font-family:var(--mono); font-size:10px; color:rgba(11,11,10,0.5); }
.cstl7 .comment-content p{ margin:.3em 0 0; font-size:14px; line-height:1.5; }
.cstl7 .comment-reply-link{ font-family:var(--mono); font-size:10px; letter-spacing:.4px; color:var(--ember); }
.cstl7 .comment-list .children{ list-style:none; margin:0; padding-left:20px; }
.cstl7 #respond{ margin-top:4px; }
.cstl7 .comment-form{ display:block !important; grid-row-gap:0 !important; row-gap:0 !important; }
.cstl7 .comment-form p{ margin:0 0 4px !important; }
.cstl7 .comment-form p.comment-form-comment{ margin-bottom:6px !important; }
.cstl7 .comment-form p.comment-form-comment textarea{ font-size:14px; }
.cstl7 .comment-form .form-submit{ margin-bottom:0 !important; margin-top:6px !important; }
.cstl7 .comment-notes, .cstl7 .logged-in-as{ font-size:12px; color:rgba(11,11,10,0.55); margin-bottom:6px; }
.cstl7 .must-log-in{ font-size:14px; }
.cstl7 .must-log-in a, .cstl7 .logged-in-as a{ color:var(--ember); text-decoration:underline; }
.cstl7 .article-comments input[type="submit"]{ background:var(--ember) !important; color:var(--cream) !important; border:none !important; box-shadow:none !important; border-radius:0 !important; font-family:var(--display) !important; font-weight:800 !important; font-size:13px !important; letter-spacing:.3px !important; padding:8px 18px !important; }
.cstl7 .article-comments input[type="submit"]:hover{ background:var(--ember-dim) !important; }
.cstl7 .article-comments label{ font-family:var(--body); font-size:12.5px; line-height:1.35; color:rgba(11,11,10,0.75); display:inline; font-weight:normal; text-transform:none; letter-spacing:normal; }
.cstl7 .article-comments :is(p,div,li):has(input[type="checkbox"]){ display:flex !important; align-items:flex-start; gap:6px; margin:0 0 4px !important; padding:0 !important; }
.cstl7 .article-comments input[type="checkbox"]{ width:13px; height:13px; min-width:13px; margin:2px 0 0 !important; flex-shrink:0; accent-color:var(--ember); } .cstl7 .giant-wordmark{ background:var(--ink); padding: 6px 0 40px; margin-top: -18px; overflow:hidden; }
.cstl7 .giant-wordmark h1{
font-family:var(--display-giant); color:var(--cream); font-size: clamp(36px, 8vw, 92px);
line-height:0.85; letter-spacing:-1px; text-align:left; white-space:nowrap;
}
.cstl7 .giant-wordmark .tagline{ display:block; font-family:var(--mono); font-size:10px; letter-spacing:2.5px; color:var(--current); margin-top:6px; } .cstl7 .page-headline{ background:var(--ink); padding: 40px 0 32px; }
.cstl7 .page-headline h1{
font-family:var(--display-giant); color:var(--cream); font-size: clamp(42px, 8vw, 96px);
line-height:0.9; letter-spacing:-1px;
}
.cstl7 .page-headline .tagline{ display:block; font-family:var(--mono); font-size:12px; letter-spacing:2px; color:var(--current); margin-top:14px; max-width:60ch; } .cstl7 .hero{ background:var(--ink); border-top:1px solid var(--line-on-ink); }
.cstl7 .hero-grid{ display:grid; grid-template-columns: 0.85fr 1.15fr; gap:0; height:260px; }
.cstl7 .hero-text{ padding:18px 32px; border-right:1px solid var(--line-on-ink); display:flex; flex-direction:column; justify-content:flex-start; overflow:hidden; height:100%; }
.cstl7 .hero-text h2{ font-family:var(--display); font-weight:800; color:var(--cream); font-size:22px; line-height:1.08; letter-spacing:-.3px; margin-bottom:8px; }
.cstl7 .hero-text .dek{ font-family:var(--body); font-style:italic; font-size:13.5px; line-height:1.45; color:rgba(242,236,221,0.72); margin-bottom:auto; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cstl7 .hero-foot{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding-top:12px; }
.cstl7 .tide-byline{ display:flex; align-items:center; gap:10px; font-family:var(--mono); font-size:11px; color:var(--current); flex-wrap:wrap; }
.cstl7 .tide-byline .sep{ color:rgba(242,236,221,0.3); }
.cstl7 .hero-image{ background:var(--ink-soft); height:100%; overflow:hidden; }
.cstl7 .hero-image img{ width:100%; height:100%; object-fit:cover; } .cstl7 .dispatch-strip{ background:var(--cream); padding:20px 0; border-top:3px solid var(--ink); border-bottom:3px solid var(--ink); }
.cstl7 .dispatch-strip-row{ display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.cstl7 .dispatch-strip-text{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.cstl7 .dispatch-strip-text .tag{
font-family:var(--display); font-weight:800; font-size:14px; letter-spacing:.4px;
background:var(--ember); color:var(--cream); padding:6px 12px; white-space:nowrap;
}
.cstl7 .dispatch-strip-text p{ font-family:var(--mono); font-size:12px; color:rgba(11,11,10,0.62); } .cstl7 .dispatch-form-inline .wp-block-jetpack-subscriptions,
.cstl7 .dispatch-form-inline form{ display:flex; align-items:stretch; border:2px solid var(--ink); }
.cstl7 .dispatch-form-inline #subscribe-email,
.cstl7 .dispatch-form-inline #subscribe-submit{ margin:0; display:flex; align-items:center; }
.cstl7 .dispatch-form-inline input[type="email"]{
border:none !important; background:var(--cream) !important; padding:10px 12px !important; width:180px;
font-family:var(--mono) !important; font-size:12.5px !important; color:var(--ink) !important; box-shadow:none !important;
}
.cstl7 .dispatch-form-inline button, .cstl7 .dispatch-form-inline input[type="submit"]{
background:var(--ember) !important; color:var(--cream) !important; border:none !important; padding:10px 18px !important;
font-family:var(--display) !important; font-weight:800 !important; font-size:13px !important; letter-spacing:.3px;
cursor:pointer; white-space:nowrap; border-radius:0 !important;
}
.cstl7 .dispatch-form-inline button:hover, .cstl7 .dispatch-form-inline input[type="submit"]:hover{ background:var(--ember-dim) !important; } .cstl7 .save-icon{ display:inline-flex; align-items:center; justify-content:center; background:none; border:none; padding:0; margin:0; cursor:pointer; color:inherit; text-decoration:none; }
.cstl7 .save-icon svg{ display:block; }
.cstl7 .save-icon.is-saved svg{ fill:var(--ember); stroke:var(--ember); }
.cstl7 .article-head .tide-byline{ display:flex; align-items:center; gap:12px; }
.cstl7 .article-head .save-icon{ color:var(--cream); opacity:.85; }
.cstl7 .article-head .save-icon:hover{ opacity:1; }
.cstl7 .story-card{ position:relative; }
.cstl7 .story-card .save-icon,
.cstl7 .hero-image-wrap .save-icon{
position:absolute; top:12px; right:12px; z-index:2;
width:30px; height:30px; background:rgba(11,11,10,0.55); border-radius:50%; color:var(--cream);
}
.cstl7 .story-card .save-icon:hover,
.cstl7 .hero-image-wrap .save-icon:hover{ background:rgba(11,11,10,0.75); }
.cstl7 .hero-image-wrap{ position:relative; height:100%; overflow:hidden; } .cstl7 .section-label{
display:flex; align-items:center; justify-content:space-between; padding:18px 32px;
border-bottom:1px solid var(--line-on-ink); font-family:var(--mono); font-size:11px;
letter-spacing:1.5px; color:rgba(242,236,221,0.55);
}
.cstl7 .section-label a{ color:var(--current); } .cstl7 .grid-section{ background:var(--ink); padding:4px 0 0; }
.cstl7 .card-grid{ display:grid; grid-template-columns:repeat(3,1fr); }
.cstl7 .story-card{ border-top:1px solid var(--line-on-ink); border-right:1px solid var(--line-on-ink); padding:26px 26px 32px; display:flex; flex-direction:column; }
.cstl7 .card-grid .story-card:nth-child(3n){ border-right:none; }
.cstl7 .story-card .thumb{ aspect-ratio: 16/10; background:var(--ink-soft); margin-bottom:16px; overflow:hidden; position:relative; }
.cstl7 .story-card .thumb img{ width:100%; height:100%; object-fit:cover; }
.cstl7 .story-card .thumb .arrow-btn{ position:absolute; top:10px; right:10px; background:var(--cream); color:var(--ink); border:none; }
.cstl7 .story-card h4{ font-family:var(--display); font-weight:800; font-size:21px; line-height:1.08; color:var(--cream); margin-bottom:10px; }
.cstl7 .story-card .dek{ font-family:var(--body); font-style:italic; font-size:14px; line-height:1.55; color:rgba(242,236,221,0.62); margin-bottom:18px; flex-grow:1; }
.cstl7 .story-card .meta{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-family:var(--mono); font-size:11px; color:rgba(242,236,221,0.5); padding-top:14px; border-top:1px solid var(--line-on-ink); }
.cstl7 .story-card .meta .byline{ color:var(--current); }
.cstl7 .story-card .meta .sep{ color:rgba(242,236,221,0.25); } .cstl7 .spotlight{ background:var(--sage); color:var(--sage-ink); }
.cstl7 .spotlight-grid{ display:grid; grid-template-columns: 0.7fr 1.3fr; }
.cstl7 .spotlight-head{ padding:48px 32px; display:flex; flex-direction:column; justify-content:center; border-right:1px solid rgba(35,48,29,0.18); }
.cstl7 .spotlight-head span.eyebrow{ font-family:var(--mono); font-size:11px; letter-spacing:2px; margin-bottom:10px; display:block; }
.cstl7 .spotlight-head h3{ font-family:var(--display-giant); font-size:clamp(38px,5vw,58px); line-height:0.95; }
.cstl7 .spotlight-story{ padding:48px 32px; display:grid; grid-template-columns: 1fr 1fr; gap:36px; align-items:center; }
.cstl7 .spotlight-story .art{ aspect-ratio:4/3; background:var(--ink); }
.cstl7 .spotlight-story .art img{ width:100%; height:100%; object-fit:cover; }
.cstl7 .spotlight-story h4{ font-family:var(--display); font-weight:800; font-size:26px; line-height:1.08; margin-bottom:14px; }
.cstl7 .spotlight-story p{ font-family:var(--body); font-style:italic; font-size:15px; line-height:1.6; margin-bottom:16px; }
.cstl7 .spotlight-story .byline{ font-family:var(--mono); font-size:12px; font-weight:500; display:block; margin-bottom:18px; }
.cstl7 .spotlight-more{ border-top:1px solid rgba(35,48,29,0.2); padding-top:4px; }
.cstl7 .spotlight-more li{ border-bottom:1px solid rgba(35,48,29,0.2); }
.cstl7 .spotlight-more a{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 2px; font-family:var(--display); font-weight:700; font-size:15px; }
.cstl7 .spotlight-more a:hover{ color:var(--ink); }
.cstl7 .spotlight-more .mini-arrow{ font-family:var(--mono); font-size:14px; flex-shrink:0; } .cstl7 footer{ background:var(--ink); color:var(--cream); padding-top:56px; position:relative; overflow:hidden; }
.cstl7 .footer-grid{ display:grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap:40px; padding-bottom:44px; border-bottom:1px solid var(--line-on-ink); position:relative; z-index:2; }
.cstl7 .footer-brand .mini-logo{ font-size:28px; }
.cstl7 .footer-brand p{ font-size:13.5px; color:rgba(242,236,221,0.6); line-height:1.6; margin-top:14px; max-width:32ch; }
.cstl7 .footer-col h5{ font-family:var(--mono); font-size:11px; letter-spacing:1.5px; color:var(--current); margin-bottom:16px; text-transform:uppercase; }
.cstl7 .footer-col a{ display:block; font-size:14px; color:rgba(242,236,221,0.75); padding:6px 0; }
.cstl7 .footer-col a:hover{ color:var(--cream); }
.cstl7 .footer-bottom{ display:flex; justify-content:space-between; align-items:center; padding:20px 0 26px; font-family:var(--mono); font-size:11px; color:rgba(242,236,221,0.45); position:relative; z-index:2; flex-wrap:wrap; gap:8px; }
.cstl7 .footer-ghost{ position:absolute; bottom:-46px; left:0; right:0; text-align:center; font-family:var(--display-giant); font-size:230px; color:rgba(242,236,221,0.035); letter-spacing:-4px; line-height:1; pointer-events:none; white-space:nowrap; } .cstl7 .article-hero{ background:var(--ink); }
.cstl7 .article-hero-img{ aspect-ratio:21/9; background:var(--ink-soft); }
.cstl7 .article-hero-img img{ width:100%; height:100%; object-fit:cover; }
.cstl7 .article-head{ padding:40px 32px 32px; }
.cstl7 .article-head .eyebrow{ font-family:var(--mono); font-size:11px; letter-spacing:2px; color:var(--current); margin-bottom:14px; display:block; }
.cstl7 .article-head h1{ font-family:var(--display); font-weight:800; color:var(--cream); font-size: clamp(30px,5vw,52px); line-height:1.04; letter-spacing:-.5px; margin-bottom:20px; max-width:26ch; }
.cstl7 .article-body-wrap{ background:var(--cream); }
.cstl7 .article-body{ max-width:70ch; margin:0 auto; padding:56px 32px 80px; font-size:19px; line-height:1.7; }
.cstl7 .article-body p{ margin-bottom:1.4em; }
.cstl7 .article-body h2,.cstl7 .article-body h3{ font-family:var(--display); font-weight:800; margin:1.6em 0 .6em; }
.cstl7 .article-body img{ margin:2em 0; }
.cstl7 .article-body a{ color:var(--ember); text-decoration:underline; }
.cstl7 .article-tags{ display:flex; gap:10px; flex-wrap:wrap; margin-top:40px; padding-top:24px; border-top:1px solid var(--line-on-cream); }
.cstl7 .article-tags a{ font-family:var(--mono); font-size:11px; letter-spacing:.5px; color:rgba(11,11,10,0.55); border:1px solid var(--line-on-cream); padding:6px 12px; } .cstl7 .archive-head{ background:var(--sage); color:var(--sage-ink); padding:44px 32px; }
.cstl7 .archive-head .eyebrow{ font-family:var(--mono); font-size:11px; letter-spacing:2px; margin-bottom:8px; display:block; }
.cstl7 .archive-head h1{ font-family:var(--display-giant); font-size:clamp(38px,6vw,72px); line-height:0.95; }
.cstl7 .archive-empty{ background:var(--ink); color:var(--cream); padding:60px 32px; text-align:center; font-family:var(--body); font-style:italic; }
.cstl7 .pagination-row{ background:var(--ink); display:flex; justify-content:space-between; padding:24px 32px; font-family:var(--mono); font-size:12px; }
.cstl7 .pagination-row a{ color:var(--current); } .cstl7 .page-body-wrap{ background:var(--cream); }
.cstl7 .page-body{ max-width:70ch; margin:0 auto; padding:48px 32px 40px; font-size:18px; line-height:1.7; }
.cstl7 .page-body p{ margin-bottom:1.3em; }
.cstl7 .page-body a{ color:var(--ember); text-decoration:underline; } .cstl7 .page-body-dark{ background:var(--ink); color:var(--cream); padding:48px 32px 4px; }
.cstl7 .page-body-dark p{ max-width:70ch; margin:0 auto 1.3em; font-size:19px; line-height:1.7; }
.cstl7 .page-body-dark p:first-of-type strong{ font-family:var(--display); font-weight:800; font-size:1.35em; line-height:1.15; display:block; }
.cstl7 .page-body-dark a{ color:var(--current); text-decoration:underline; }
.cstl7 .page-body-dark .the-darkroom-grid{ margin:24px auto 0; padding-top:0; } .cstl7 .the-darkroom-grid{ background:var(--ink); padding:24px 32px 60px; max-width:1280px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:2px; }
.cstl7 .the-darkroom-grid .listing-item{ list-style:none; }
.cstl7 .the-darkroom-grid .listing-item .image{ background:var(--ink-soft); aspect-ratio:4/3; overflow:hidden; margin:0 0 10px; display:block; }
.cstl7 .the-darkroom-grid .listing-item .image img{ width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.cstl7 .the-darkroom-grid .listing-item a:hover img{ transform:scale(1.04); }
.cstl7 .the-darkroom-grid .listing-item .title{ font-family:var(--display); font-weight:700; color:var(--cream); font-size:14px; display:block; } .cstl7 #user-submitted-posts{ max-width:640px; margin:24px auto 60px; background:var(--ink-soft); padding:36px; border:1px solid var(--line-on-ink); }
.cstl7 #user-submitted-posts label{ font-family:var(--mono); font-size:11px; letter-spacing:1px; color:var(--current); text-transform:uppercase; display:block; margin-bottom:8px; }
.cstl7 #user-submitted-posts fieldset{ border:none; padding:0; margin:0 0 22px; }
.cstl7 #user-submitted-posts input[type="text"], .cstl7 #user-submitted-posts input[type="email"], .cstl7 #user-submitted-posts textarea, .cstl7 #user-submitted-posts input[type="file"]{
width:100%; background:var(--ink); border:1px solid var(--line-on-ink); color:var(--cream);
padding:12px 14px; font-family:var(--body); font-size:15px;
}
.cstl7 #user-submitted-posts input::placeholder, .cstl7 #user-submitted-posts textarea::placeholder{ color:rgba(242,236,221,0.35); }
.cstl7 #user-submitted-posts #usp-upload-message{ font-family:var(--body); font-style:italic; font-size:13.5px; color:rgba(242,236,221,0.6); margin-bottom:10px; }
.cstl7 #user-submitted-posts input[type="submit"]{
width:auto; background:var(--ember); border:none; color:var(--cream); padding:12px 28px;
font-family:var(--display); font-weight:800; font-size:14px; letter-spacing:.4px; cursor:pointer;
}
.cstl7 #user-submitted-posts input[type="submit"]:hover{ background:var(--ember-dim); }
.cstl7 #user-submitted-posts .usp-callout-failure{ background:var(--ember); color:var(--cream); padding:10px 14px; margin-bottom:16px; font-family:var(--mono); font-size:13px; }
.cstl7 #user-submitted-posts .usp-hidden{ display:none; } @media (max-width:900px){
.cstl7 .cat-tabs-links{ display:none; }
.cstl7 .masthead-actions .link{ display:none; }
.cstl7 .mobile-only{ display:block; }
.cstl7 .hero-grid{ grid-template-columns:1fr; height:auto; }
.cstl7 .hero-text{ border-right:none; border-bottom:1px solid var(--line-on-ink); height:auto; }
.cstl7 .hero-image{ height:auto; aspect-ratio:16/9; }
.cstl7 .dispatch-strip-row{ flex-direction:column; align-items:flex-start; }
.cstl7 .dispatch-form-inline{ width:100%; }
.cstl7 .card-grid{ grid-template-columns:1fr 1fr; }
.cstl7 .card-grid .story-card:nth-child(2n){ border-right:none; }
.cstl7 .card-grid .story-card:nth-child(3n){ border-right:1px solid var(--line-on-ink); }
.cstl7 .spotlight-grid{ grid-template-columns:1fr; }
.cstl7 .spotlight-head{ border-right:none; border-bottom:1px solid rgba(35,48,29,0.18); }
.cstl7 .spotlight-story{ grid-template-columns:1fr; }
.cstl7 .footer-grid{ grid-template-columns:1fr 1fr; }
.cstl7 .footer-ghost{ font-size:120px; }
}
@media (max-width:600px){
.cstl7 .wrap{ padding:0 20px; }
.cstl7 .card-grid{ grid-template-columns:1fr; }
.cstl7 .card-grid .story-card{ border-right:none !important; }
.cstl7 .footer-grid{ grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }