/*
Theme Name: TCS Studio
Description: Independent editorial marketing website for The Clothe Studio.
Version: 2.0.3
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: tcs-studio
*/
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/jakarta-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/jakarta-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/jakarta-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/jakarta-3.ttf) format('truetype');
}


@font-face{font-family:Fraunces;src:url(assets/fonts/fraunces-latin.woff2) format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:Inter;src:url(assets/fonts/inter-latin.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{--accent:#ff5757;--ink:#111;--paper:#f4f0e8;--muted:#57534d;--line:#e7e5e0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Inter,Arial,sans-serif}a{color:inherit;text-underline-offset:5px}img{max-width:100%;height:auto;display:block}button,input{font:inherit}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.wrap{width:min(1280px,calc(100% - 80px));margin:auto}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:9}.skip:focus{top:0}.site-header{display:flex;justify-content:space-between;align-items:center;padding:29px 0;border-bottom:1px solid var(--line);gap:24px}.brand{font-family:"Plus Jakarta Sans",Inter,sans-serif;text-decoration:none;font-size:18px;letter-spacing:.08em}.brand small{display:block;font:9px Inter,sans-serif;letter-spacing:.32em;margin-top:3px}nav{display:flex;align-items:center;gap:28px}nav a{text-decoration:none;font-size:12px}.nav-app{border:1px solid var(--ink);padding:10px 18px}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}.dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:9px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:400;line-height:1.02;letter-spacing:-.055em}h1{font-size:clamp(48px,6.5vw,92px);margin:25px 0}h1 em,h2 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(38px,4.7vw,64px);margin-bottom:24px}h3{font-size:19px;font-weight:500;line-height:1.3}p{color:var(--muted)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding:70px 0}.hero-copy>p{max-width:440px}.button{display:inline-flex;align-items:center;gap:32px;background:var(--ink);color:#fff;text-decoration:none;padding:17px 23px;font-size:12px}.button:hover{background:var(--accent)}.hero .button{margin:16px 0}.micro{font-size:11px}.hero-image{position:relative}.hero-image img{width:100%;height:600px;object-fit:cover;object-position:50% 15%}.image-label{position:absolute;bottom:20px;left:20px;background:var(--paper);padding:12px 18px;font-size:10px;letter-spacing:.1em}.image-top{position:absolute;top:18px;left:18px;color:white;font-size:10px;letter-spacing:.18em;text-shadow:0 1px 4px #000}.strip{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;gap:14px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.section{padding:95px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:40px}.section-head p{max-width:330px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step{padding-top:22px;border-top:1px solid var(--line)}.step .num{font:36px "Plus Jakarta Sans",Inter,sans-serif;color:var(--accent);display:block;margin-bottom:25px}.step p{font-size:13px}.gallery img{width:100%;height:440px;object-fit:cover;object-position:top}.gallery figcaption{display:flex;justify-content:space-between;gap:10px;padding-top:16px;font-size:12px}.gallery figure{margin:0}.gallery figcaption span{color:var(--muted);font-size:10px}.tinted{background:#f0eeea}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.split img{height:580px;width:100%;object-fit:cover;object-position:top}.feature-list{list-style:none;padding:0;margin:30px 0}.feature-list li{border-top:1px solid #d7d3cc;padding:13px 0;font-size:13px}.feature-list li::before{content:'+';color:var(--accent);margin-right:20px}.faq{max-width:750px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{font-size:15px;cursor:pointer}.faq details p{font-size:13px;margin:16px 0 0}.closing{background:var(--ink);color:white;text-align:center;padding:80px 24px}.closing h2{max-width:700px;margin:20px auto 30px}.closing p{color:#bdb8b0}.closing .button{background:var(--accent)}footer{padding:35px 0;display:flex;justify-content:space-between;gap:25px;font-size:11px;color:var(--muted)}.article{max-width:800px;margin:70px auto;min-height:50vh}.article h1{font-size:50px}.notice{font-size:12px;color:#ccc}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}nav{gap:14px}nav .optional{display:none}.hero{gap:28px}.hero-image img{height:510px}.split{gap:35px}.gallery img{height:330px}.section{padding:65px 0}}
@media(max-width:640px){.brand{font-size:14px}.site-header{padding:20px 0}.hero,.split{grid-template-columns:1fr}.hero{padding:42px 0}.hero-image img{height:490px}.hero-copy>p{font-size:14px}.grid3{grid-template-columns:1fr}.gallery img{height:490px}.strip{flex-wrap:wrap;justify-content:center;text-align:center;font-size:9px}.section-head{display:block}.section-head p{max-width:none}.split img{height:460px}.section{padding:55px 0}.step .num{margin-bottom:12px}footer{flex-direction:column;gap:10px}h1{font-size:58px}.nav-app{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Website additions: navigation, results, plans and editorial pages. */
.site-header{flex-wrap:wrap}nav{flex-wrap:wrap;gap:24px}.results h2{letter-spacing:-.045em}.results h2 em{color:var(--ink);font-style:italic}.reference-note{font-size:11px;max-width:650px;margin:0 0 30px}.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;border-top:1px solid #d2ccc2;padding-top:22px}.results-grid strong{font-size:58px;letter-spacing:-.065em;line-height:1.1}.results-grid h3{font-size:14px;margin:12px 0 8px}.results-grid p{font-size:12px}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.pricing-panel{border:1px solid #d2ccc2;padding:36px}.pricing-panel .micro{margin:18px 0 0}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.policy-layout{max-width:840px;margin:65px auto 90px}.policy-layout h1{font-size:clamp(42px,6vw,74px)}.policy-layout h2{font:500 23px/1.3 Inter,sans-serif;letter-spacing:-.03em;margin:34px 0 12px}.draft-banner{border:1px solid #d2ccc2;border-left:3px solid var(--accent);padding:16px 20px;margin:25px 0 35px;font-size:13px}.policy-layout li{color:var(--muted);margin-bottom:9px}.journal-card{border-top:1px solid var(--line);padding:25px 0}.journal-card h2{font:400 30px "Plus Jakarta Sans",Inter,sans-serif}.empty-state{border:1px solid #d2ccc2;padding:32px}.tinted{background:#eae5dc}
@media(max-width:1000px){.site-header nav{gap:20px;width:100%;justify-content:space-between}.results-grid{gap:20px}.results-grid strong{font-size:48px}}
@media(max-width:640px){.site-header nav{justify-content:flex-start;gap:16px 22px}.site-header nav a{font-size:11px}.site-header .nav-app{margin-left:auto}.results-grid{grid-template-columns:repeat(2,1fr);gap:28px 20px}.results-grid strong{font-size:46px}.pricing{grid-template-columns:1fr;gap:25px}.pricing-panel{padding:25px}.policy-layout{margin-top:40px}.footer-links{gap:16px}}

h1,h2{font-weight:500;letter-spacing:-.065em}.brand{font-weight:600}.hero h1{font-size:clamp(44px,5.5vw,78px)}.closing h2 em{color:#ff8585}h1 em,h2 em{color:#c53b3b}.results h2 em{color:var(--ink)}
@media(max-width:640px){.hero h1{font-size:46px}}

.journal-topics{display:flex;flex-wrap:wrap;gap:12px 24px;margin:30px 0}.journal-topics a{font-size:13px}.policy-layout{overflow-wrap:anywhere}

.section-anchor{display:block;scroll-margin-top:30px}.journal-index{padding-top:65px}.journal-intro{max-width:860px;margin-bottom:70px}.journal-intro h1{font-size:clamp(46px,6vw,80px)}.journal-intro>p:last-child{max-width:540px}.journal-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d2ccc2;padding:22px 0;gap:20px}.journal-bar h2{font:500 17px Inter,sans-serif;letter-spacing:0;margin:0}.journal-bar span,.story-meta{font-size:11px;color:var(--muted)}.featured-story{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.story-image img{width:100%;height:540px;object-fit:cover;object-position:50% 15%}.story-copy h2{font-size:clamp(30px,3.5vw,49px);line-height:1.14}.story-copy h2 a{text-decoration:none}.story-copy h2 a:hover{color:#c53b3b}.story-copy .button{margin-top:20px}.journal-end{border-top:1px solid #d2ccc2;margin:70px 0 0;padding:35px 0;display:flex;justify-content:space-between;gap:20px}.blog-article{padding-top:45px}.article-intro{max-width:960px;margin:0 auto 40px}.back-link{display:inline-block;font-size:12px;margin-bottom:35px}.article-intro h1{font-size:clamp(38px,5.2vw,72px);line-height:1.1}.article-deck{max-width:640px;font-size:17px}.article-cover{margin:0 auto 50px;max-width:960px}.article-cover img{width:100%;height:560px;object-fit:cover;object-position:50% 0%}.article-cover figcaption{font-size:10px;color:var(--muted);margin-top:12px}.article-body{max-width:720px;margin:auto;font-size:16px;line-height:1.85}.article-body h2{font-size:28px;line-height:1.25;letter-spacing:-.035em;margin:40px 0 20px}.article-body section{scroll-margin-top:30px}.article-contents{display:grid;gap:10px;padding:28px;margin:35px 0;background:#eae5dc}.article-contents h2{font:600 13px Inter,sans-serif;letter-spacing:0;margin:0 0 8px}.article-contents a{font-size:13px}.article-callout{border-left:3px solid var(--accent);padding:10px 25px;margin:35px 0}.article-callout p:last-child{margin-bottom:0}.article-checklist{padding-left:22px;color:var(--muted)}.article-checklist li{margin-bottom:10px}.article-cta{border-top:1px solid #d2ccc2;border-bottom:1px solid #d2ccc2;padding:35px 0;margin:50px 0 30px}.article-cta h2{margin-top:15px}
@media(max-width:700px){.journal-index{padding-top:40px}.journal-intro{margin-bottom:40px}.featured-story{grid-template-columns:1fr;gap:28px}.story-image img{height:420px}.journal-end{flex-direction:column;gap:0;margin-top:45px}.article-cover img{height:420px}.article-body{font-size:15px}.article-body h2{font-size:25px}.article-intro h1{font-size:40px}.article-deck{font-size:15px}.article-contents{padding:22px}}

/* Original-to-output comparison and independent, continuously moving gallery. */
.comparison-grid{display:grid;grid-template-columns:1fr 52px 1fr;align-items:center;gap:20px}.comparison-grid figure{margin:0}.comparison-photo{height:560px;background:#eae5dc;overflow:hidden}.comparison-photo img{display:block;width:100%;height:100%;object-fit:contain}.comparison-grid figcaption{display:flex;justify-content:space-between;align-items:center;padding-top:18px;gap:12px}.comparison-grid figcaption strong{font-size:13px;font-weight:500}.comparison-arrow{text-align:center;font-size:36px;color:#c53b3b}.showcase-placeholder{height:100%;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(145deg,#e9e4da,#f7f3ec);color:#57534d;text-align:center;padding:24px}.showcase-placeholder .placeholder-mark{font-size:48px;font-weight:200;color:#b4a99c;line-height:1}.showcase-placeholder>span:not(.placeholder-mark){font-size:13px}.showcase-placeholder small{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.after-placeholder{background:linear-gradient(145deg,#ead7ce,#f5eae3)}.showcase-note{font-size:11px;margin:20px 0 0}.studio-gallery{background:#eae5dc;overflow:hidden}.gallery-viewport{overflow-x:auto;outline-offset:-4px}.gallery-track{display:flex;width:max-content}.gallery-group{display:flex;gap:20px;padding-right:20px;flex-shrink:0}.gallery-card{width:270px;flex:0 0 270px;margin:0}.gallery-card>img,.gallery-card>.showcase-placeholder{width:100%;height:360px;object-fit:cover;object-position:top}.gallery-card figcaption{font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:14px 0;color:#57534d}.gallery-card:nth-child(even) .gallery-placeholder{background:linear-gradient(145deg,#e3cec3,#f4ece5)}.gallery-motion{border:1px solid #b6aca0;background:transparent;padding:10px 16px;font-size:12px;cursor:pointer}.gallery-motion:focus-visible,.gallery-viewport:focus-visible{outline:3px solid var(--accent)}.studio-gallery[data-ready="true"] .gallery-track{animation:tcs-gallery-scroll 48s linear infinite;will-change:transform}.studio-gallery[data-ready="true"] .gallery-viewport{overflow-x:hidden}.studio-gallery[data-paused="true"] .gallery-track,.studio-gallery:hover .gallery-track,.studio-gallery:focus-within .gallery-track{animation-play-state:paused}.studio-gallery[data-paused="true"] .gallery-viewport,.studio-gallery:hover .gallery-viewport,.studio-gallery:focus-within .gallery-viewport{overflow-x:auto}.gallery-motion[hidden]{display:none}@keyframes tcs-gallery-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:640px){.comparison-grid{grid-template-columns:1fr 1fr;gap:12px}.comparison-arrow{display:none}.comparison-photo{height:300px}.comparison-grid figcaption{align-items:start;flex-direction:column;gap:6px}.comparison-grid figcaption strong{font-size:11px}.comparison-grid .showcase-placeholder{padding:12px}.comparison-grid .showcase-placeholder>span:not(.placeholder-mark){font-size:11px}.gallery-card{width:220px;flex-basis:220px}.gallery-card>img,.gallery-card>.showcase-placeholder{height:300px}}
@media(prefers-reduced-motion:reduce){.studio-gallery[data-ready="true"] .gallery-track{animation:none;transform:none;will-change:auto}.studio-gallery[data-ready="true"] .gallery-viewport{overflow-x:auto}.gallery-duplicate,.gallery-motion{display:none}}

@media(min-width:641px) and (max-width:850px){.transformation .section-head,.studio-gallery .section-head{display:block}.comparison-photo{height:400px}.transformation .section-head p,.studio-gallery .section-head p{max-width:540px}}

/* Shared spacing and a clear path from discovery to the studio. */
:root{--section-space:clamp(52px,6vw,88px);--content-gap:clamp(24px,3vw,40px);--card-gap:24px}
.wrap{width:min(1200px,calc(100% - 64px))}.section{padding-block:var(--section-space)}main>.section.wrap+ .section.wrap{padding-top:0}.hero{padding-block:clamp(40px,5vw,72px);gap:clamp(32px,5vw,64px)}.hero h1{line-height:1.08;margin:20px 0 24px}.hero-copy>p{max-width:460px;margin-bottom:20px}.hero .micro{margin:12px 0 0}.hero .button{margin:8px 0 0}.hero-secondary{display:block;width:fit-content;margin-top:18px;font-size:12px}.hero-image img{height:clamp(440px,43vw,570px)}.section-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:var(--content-gap);margin-bottom:var(--content-gap);align-items:end}.section-head h2{margin-bottom:0;line-height:1.12}.section-head p{margin-bottom:0;max-width:400px}.section-head .eyebrow{margin-bottom:16px}.eyebrow{margin-bottom:16px}.grid3{gap:var(--card-gap)}.step p{margin-bottom:0;line-height:1.8}.step .num{margin-bottom:16px}.step h3{margin-bottom:12px}.section-action{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:32px}.section-action>p{font-size:12px;margin:0;max-width:380px}.button{min-height:48px;justify-content:center;line-height:1.4}.button:hover{background:#bf3838;color:#fff}.text-link{font-weight:500}.benefit-number{display:block;font-size:13px;letter-spacing:.12em;color:#a12f2f;margin-bottom:18px}.results-grid{gap:24px;padding-top:24px}.results-grid h3{margin:0 0 12px;line-height:1.5}.results-grid p{margin-bottom:0;line-height:1.8}.comparison-photo{height:clamp(340px,41vw,520px)}.comparison-grid figcaption{padding-top:16px;align-items:start}.showcase-note{max-width:760px;line-height:1.7;margin-top:16px}.studio-gallery .section-head>div>p:not(.eyebrow){margin-bottom:18px}.gallery-viewport{scrollbar-width:none;-ms-overflow-style:none}.gallery-viewport::-webkit-scrollbar{display:none;width:0;height:0}.gallery-card figcaption{padding:12px 0}.split{gap:clamp(32px,5vw,64px)}.split h2{line-height:1.12}.split img{height:clamp(400px,42vw,540px)}.feature-list{margin:24px 0}.gallery img{height:clamp(300px,34vw,410px)}.gallery figcaption{line-height:1.5}.pricing{gap:clamp(32px,5vw,64px)}.pricing h2{line-height:1.12}.pricing>div>p:last-child{margin-bottom:0;max-width:460px}.pricing-panel{padding:32px}.pricing-panel h3{font-size:24px;line-height:1.4}.faq{max-width:800px}.faq h2{line-height:1.12;margin-bottom:32px}.faq details{padding:20px 0}.faq summary{line-height:1.6}.faq .section-action{margin-top:32px}.closing{padding:var(--section-space) 24px}.closing h2{line-height:1.12;margin:18px auto 24px}.closing p{margin-bottom:24px}.closing .button{background:#ff5757;color:#111;font-weight:600}footer{padding:32px 0;align-items:center}.journal-index,.blog-article{padding-top:48px}.journal-intro{margin-bottom:48px}.journal-end{margin-top:48px}.policy-layout{margin:48px auto 64px}.article-cover{margin-bottom:40px}.article-body p{margin-bottom:24px}.article-body .section-action p{margin-bottom:0}
@media(max-width:850px){.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr 1fr;gap:24px}.hero h1{font-size:clamp(38px,5.5vw,52px)}.section-head,.transformation .section-head,.studio-gallery .section-head{display:grid;grid-template-columns:1fr;gap:20px}.section-head p{max-width:580px}.split{gap:28px}.comparison-grid{grid-template-columns:1fr 36px 1fr;gap:12px}.comparison-grid figcaption{flex-direction:column;gap:8px}.featured-story{gap:32px}.site-header{padding-block:22px}.site-header nav{gap:14px 20px}.image-label{max-width:calc(100% - 32px);left:16px;bottom:16px}}
@media(max-width:640px){.hero{grid-template-columns:1fr;gap:32px}.hero h1{font-size:clamp(40px,10vw,50px)}.hero-image img{height:440px}.section-head h2,h2{font-size:clamp(32px,8vw,42px)}.grid3{gap:28px}.results-grid{gap:28px 20px}.section-action{align-items:start;flex-direction:column;gap:12px;margin-top:28px}.section-action .button{width:100%}.comparison-grid{grid-template-columns:1fr 1fr}.comparison-photo{height:280px}.comparison-grid .showcase-placeholder{min-height:0}.comparison-grid figcaption .eyebrow{margin:0}.split{grid-template-columns:1fr;gap:32px}.split img{height:420px}.gallery img{height:410px}.pricing{grid-template-columns:1fr;gap:28px}.pricing-panel{padding:24px}.pricing-panel .button{width:100%}.faq summary{font-size:14px}.site-header .brand{font-size:13px}.site-header nav a{min-height:36px;display:inline-flex;align-items:center}.site-header nav{gap:8px 18px}.site-header .nav-app{margin-left:0}.journal-intro{margin-bottom:32px}.journal-index,.blog-article{padding-top:32px}.article-intro h1{font-size:36px}.article-cover{margin-bottom:32px}.policy-layout{margin-block:36px 48px}footer{align-items:start;gap:20px}.footer-links{gap:16px 20px}}

/* Side-by-side shoot comparison, readable without horizontal scrolling. */
.shoot-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:1.75}.shoot-table .compare-topic{width:20%}.shoot-table th,.shoot-table td{padding:24px 28px;text-align:left;vertical-align:top;border-bottom:1px solid #d5cec3;overflow-wrap:break-word}.shoot-table thead th{font-size:22px;line-height:1.4;font-weight:500;border-top:1px solid #d5cec3;padding-block:26px}.shoot-table thead th:first-child{font-size:11px;letter-spacing:.1em;text-transform:uppercase;vertical-align:bottom;color:var(--muted)}.shoot-table tbody th{font-size:13px;font-weight:600}.shoot-table td{color:var(--muted)}.shoot-table tr>:last-child{background:#eee3d8}.shoot-table thead tr>:last-child{border-top:3px solid #c53b3b}.compare-badge{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#9d3030;margin-bottom:10px;font-weight:600}.comparison-footnote{max-width:850px;font-size:12px;line-height:1.8;margin:20px 0 0}
@media(max-width:850px){.shoot-table th,.shoot-table td{padding:20px 18px}.shoot-table thead th{font-size:19px}.shoot-table .compare-topic{width:21%}}
@media(max-width:640px){.shoot-table{font-size:12px;line-height:1.7}.shoot-table .compare-topic{width:23%}.shoot-table th,.shoot-table td{padding:16px 10px}.shoot-table thead th{font-size:15px;padding-block:20px}.shoot-table thead th:first-child{font-size:9px;letter-spacing:.04em}.shoot-table tbody th{font-size:11px}.compare-badge{font-size:8px;letter-spacing:.04em;margin-bottom:8px}.comparison-footnote{font-size:11px}}

/* Visual input guide and native WordPress article archive. */
.upload-guide{max-width:1000px;padding-block:48px 64px}.guide-intro{max-width:780px}.guide-intro h1{font-size:clamp(42px,5vw,68px);line-height:1.12}.guide-intro>p{max-width:660px}.guide-illustration-note{font-size:11px}.guide-jump{display:flex;flex-wrap:wrap;gap:12px 24px;padding:24px 0;border-block:1px solid #d5cec3;margin:32px 0 0}.guide-jump a{font-size:12px}.guide-example{padding-top:56px;scroll-margin-top:24px}.guide-example-heading h2{font-size:32px;line-height:1.2;letter-spacing:-.04em;margin-bottom:14px}.guide-example-heading p{max-width:650px}.input-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.input-card{margin:0;min-width:0;border:1px solid #d5cec3}.input-demo{height:280px;overflow:hidden;background:#e9e1d5;display:flex;justify-content:center;align-items:center}.input-demo svg{width:100%;height:100%;display:block}.input-demo.cropped svg{transform:scale(1.65) translateY(16px)}.input-demo.dark svg{filter:brightness(.3)}.input-demo.blurred svg{filter:blur(6px)}.input-demo.filtered svg{filter:hue-rotate(100deg) saturate(2.5)}.input-card figcaption{padding:20px}.input-status{font-size:11px;font-weight:600;color:#27623c}.bad-input .input-status{color:#a33c31}.input-card h3{font-size:15px;margin:10px 0 0;line-height:1.5}.guide-fix{font-size:13px;margin:18px 0 0}.guide-checklist{padding:32px;background:#eae5dc;margin-top:56px;scroll-margin-top:24px}.guide-checklist h2,.guide-faq h2{font-size:32px;line-height:1.25}.guide-checklist ul{padding-left:22px;color:var(--muted);line-height:1.8}.guide-checklist li{margin-bottom:10px}.guide-faq{padding-top:48px}.guide-faq details{border-bottom:1px solid #d5cec3;padding:20px 0}.guide-faq summary{cursor:pointer}.guide-faq details p{margin:16px 0 0}.guide-faq>.text-link{display:inline-block;margin-top:24px}.native-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.native-post-card h2{font-size:28px;line-height:1.25;letter-spacing:-.03em}.native-post-card h2 a{text-decoration:none}.native-post-card .story-meta{margin:20px 0 12px}.native-post-image{display:block}.native-post-image img{width:100%;height:340px;object-fit:cover}.post-placeholder{display:grid;place-items:center;height:340px;background:#eae5dc;font-size:13px}.pagination{margin-block:40px}.pagination .page-numbers{padding:10px}.post-navigation{padding-block:30px}.native-post-card p{font-size:14px}.article-body pre{overflow:auto}.article-body table{display:block;overflow:auto;max-width:100%}.article-body img{height:auto;max-width:100%}
@media(max-width:640px){.upload-guide{padding-top:32px}.guide-example{padding-top:40px}.guide-example-heading h2,.guide-checklist h2,.guide-faq h2{font-size:27px}.input-pair{gap:12px}.input-demo{height:190px}.input-card figcaption{padding:14px 10px}.input-card h3{font-size:12px}.input-status{font-size:10px}.guide-checklist{padding:24px;margin-top:40px}.guide-jump{gap:12px 20px}.native-post-grid{grid-template-columns:1fr;gap:36px}.native-post-image img,.post-placeholder{height:320px}}

/* Subtle interaction feedback, without layout shifts or looping decoration. */
@media(prefers-reduced-motion:no-preference){
  .button,.nav-app,.tcs-block-page .wp-block-button__link{transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease,transform 180ms ease}
  @media(hover:hover){
    .button:hover,.nav-app:hover,.tcs-block-page .wp-block-button__link:hover{transform:translateY(-2px)}
  }
  .button:active,.nav-app:active,.tcs-block-page .wp-block-button__link:active{transform:translateY(0)}
}