/*! ================================================================== swagmag-editorial.css — SWAG MAG editorial components SWAGTRON · Concept v6.0.0 · written 2026-07-28 ================================================================== Every token below was read out of the live theme through the Shopify Admin API (config/settings_data.json resolved against snippets/css-variables.liquid) and carries a literal fallback, so a renamed or missing theme variable degrades to a correct value instead of collapsing the rule. --animation-primary RESOLVES. Verified 2026-07-28: it is declared in assets/theme.css as 0.5s cubic-bezier(0.3, 1, 0.3, 1) and has 74 call sites in that file. This stylesheet uses it, with that literal as the fallback, so editorial hovers match every other hover in the theme instead of running on a private curve. ------------------------------------------------------------------ INSTALL (live theme writes are blocked by policy — duplicate only) ------------------------------------------------------------------ 1. Online Store > Themes > "Updated copy of RT-C-V1" > Duplicate 2. In the DUPLICATE: Edit code > Assets > Add a new asset > swagmag-editorial.css > paste this file 3. In sections/main-article-overlay.liquid, beside the existing article.css tag, add: {{ 'swagmag-editorial.css' | asset_url | stylesheet_tag }} 4. Preview. Then publish the duplicate by hand. WHAT NEEDS NO AUTHOR EDIT: comparison tables and pull quotes. Both are styled off the semantic elements the articles already contain, and the mobile scroll guard is on the table itself. WHAT NEEDS ONE WRAPPER EACH: the contents block and the end CTA. ================================================================== */.article .rte{--swagmag-transition:var(--animation-primary, .5s cubic-bezier(.3, 1, .3, 1));--swagmag-tint:rgb(var(--color-foreground, 23 23 23) / .045);--swagmag-rule:rgb(var(--color-foreground, 23 23 23) / .28);--swagmag-hairline:rgb(var(--color-foreground, 23 23 23) / .12);--swagmag-muted:rgb(var(--color-foreground, 23 23 23) / .55);--swagmag-mono:ui-monospace,Menlo,Monaco,"SF Mono",monospace;--swagmag-kicker:11px;--swagmag-caption:12px;--swagmag-block-gap:var(--sp-10, 2.5rem);--swagmag-close-gap:var(--sp-15, 3.875rem)}.article .rte{font-size:1.0625rem;line-height:1.65}.article .rte>p{margin-block:0 var(--sp-5, 1.25rem);max-width:68ch}.article .rte>ul,.article .rte>ol{max-width:68ch;line-height:1.65}.article .rte>h2{margin-block:var(--swagmag-block-gap) var(--sp-4, 1rem);font-size:2rem;line-height:1.15;letter-spacing:-.03em}.article .rte>h3{margin-block:var(--sp-8, 2rem) var(--sp-3, .75rem);font-size:1.375rem;line-height:1.15;letter-spacing:-.03em}@media screen and (max-width:767px){.article .rte{font-size:1rem}.article .rte>h2{font-size:1.5rem}.article .rte>h3{font-size:1.1875rem}}.article .rte .article-toc{margin-block:var(--swagmag-block-gap);padding:var(--sp-5, 1.25rem);border-radius:var(--rounded-block, .75rem);background:var(--swagmag-tint)}.article .rte .article-toc>:first-child{margin:0 0 var(--sp-4, 1rem);font-family:var(--swagmag-mono);font-size:var(--swagmag-kicker);font-weight:400;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--swagmag-muted)}.article .rte .article-toc ul{display:grid;gap:var(--sp-2, .5rem);margin:0;padding:0;list-style:none;max-width:none}.article .rte .article-toc li{margin:0;padding:0}.article .rte .article-toc li::marker{content:none}.article .rte .article-toc a{text-decoration:none;border-block-end:1px solid var(--swagmag-rule);padding-block-end:1px;transition:border-color var(--swagmag-transition)}.article .rte .article-toc a:hover{border-block-end-color:currentColor}@media screen and (min-width:768px){.article .rte .article-toc{padding:var(--sp-7d5, 1.875rem)}.article .rte .article-toc ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2, .5rem) var(--sp-10, 2.5rem)}}.article .rte>blockquote,.article .rte .pullquote{margin-block:var(--swagmag-block-gap);margin-inline:0;padding:var(--sp-6d5, 1.625rem) 0 0;border:0;border-block-start:1px solid var(--swagmag-rule);background:none;font-style:normal;max-width:68ch}.article .rte>blockquote p,.article .rte .pullquote p{margin:0;font-size:2.25rem;font-weight:700;line-height:1.15;letter-spacing:-.03em;text-wrap:balance}.article .rte>blockquote p em,.article .rte .pullquote p em{font-style:normal}.article .rte>blockquote cite,.article .rte .pullquote cite,.article .rte>blockquote footer,.article .rte .pullquote footer{display:block;margin-block-start:var(--sp-3d5, .875rem);font-family:var(--swagmag-mono);font-size:var(--swagmag-caption);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--swagmag-muted)}@media screen and (max-width:767px){.article .rte>blockquote p,.article .rte .pullquote p{font-size:1.625rem}}.article .rte>blockquote.callout{padding:var(--sp-5, 1.25rem);border:0;border-radius:var(--rounded-block, .75rem);background:var(--swagmag-tint)}.article .rte>blockquote.callout p{font-family:var(--swagmag-mono);font-size:1rem;font-weight:400;line-height:1.6;letter-spacing:0;text-wrap:pretty}.article .rte>blockquote.callout p strong{font-weight:600}@media screen and (max-width:767px){.article .rte>blockquote.callout p{font-size:.9375rem}}.article .rte table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;width:max-content;min-width:100%;max-width:100%;margin-block:var(--swagmag-block-gap);border-collapse:collapse;font-size:.9375rem;line-height:1.45}.article .rte table th{padding:.8125rem 1rem;text-align:start;vertical-align:bottom;font-family:var(--swagmag-mono);font-size:var(--swagmag-kicker);font-weight:400;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--swagmag-muted);border-block-end:1px solid var(--swagmag-rule)}.article .rte table td{padding:.8125rem 1rem;text-align:start;vertical-align:top;border-block-end:1px solid var(--swagmag-hairline)}.article .rte table tbody tr:has(>td:first-child>strong:only-child),.article .rte table tbody tr.is-subject{background:var(--swagmag-tint)}.article .rte table caption{caption-side:bottom;margin-block-start:var(--sp-3, .75rem);text-align:start;font-family:var(--swagmag-mono);font-size:var(--swagmag-caption);line-height:1.6;color:var(--swagmag-muted)}@media screen and (max-width:767px){.article .rte table{white-space:nowrap}.article .rte table th,.article .rte table td{padding:.625rem .75rem;font-size:.875rem}}.article .rte .table-scroll{margin-block:var(--swagmag-block-gap);overflow-x:auto;-webkit-overflow-scrolling:touch}.article .rte .table-scroll>table{display:table;width:100%;min-width:44rem;max-width:none;margin:0}.article .rte .article-cta{display:grid;gap:var(--sp-3d5, .875rem);margin-block-start:var(--swagmag-close-gap);padding-block-start:var(--sp-8, 2rem);border-block-start:1px solid var(--swagmag-rule);text-align:center;max-width:none}.article .rte .article-cta p{margin:0;max-width:none}.article .rte .article-cta p:first-child{font-size:1.5rem;line-height:1.2;letter-spacing:-.03em}.article .rte .article-cta p:first-child a{font-weight:700;text-decoration:none;border-block-end:2px solid currentColor;padding-block-end:2px;transition:opacity var(--swagmag-transition)}.article .rte .article-cta p:first-child a:hover{opacity:.7}.article .rte .article-cta small,.article .rte .article-cta p:last-child:not(:first-child){font-family:var(--swagmag-mono);font-size:var(--swagmag-caption);line-height:1.7;letter-spacing:.02em;color:var(--swagmag-muted)}@media screen and (max-width:767px){.article .rte .article-cta{margin-block-start:var(--sp-10, 2.5rem);padding-block-start:var(--sp-6, 1.5rem)}.article .rte .article-cta p:first-child{font-size:1.25rem}}.article .rte hr:has(+.article-cta){display:none}.article .badge{--badge-background:rgb(var(--color-background, 255 255 255) / .92);--badge-foreground:var(--color-foreground, 23 23 23)} /*# sourceMappingURL=/cdn/shop/t/14/assets/swagmag-editorial.css.map */