/* The workflow chapter uses the same surfaces and real production views as Studio. */
.tcg-page .section-pad{padding-block:104px}
.tcg-page :is(.framework-section,.production-section,.economy-section,.directions-section,.evidence-section){background:var(--bg)}
.tcg-page :is(.market-loop article,.collection-specimen,.framework-reference,.framework-core,.direction-card,.production-spaces>div,.production-toolkit>div,.economy-board,.economy-measure,.pace-story){border:1px solid #ffffff14;border-radius:20px;background:linear-gradient(140deg,#2a2d30,#1b1e21);box-shadow:inset 0 2px 0 #ffffff0b,0 15px 40px #0002}
.tcg-page :is(.market-visual,.collection-specimen-main>img,.direction-scene){background:radial-gradient(ellipse at 50% 65%,#9a8df715,transparent 75%),#1b1d20}
.tcg-page .market-visual::before{border-color:#ffffff0c;box-shadow:0 0 0 39px #ffffff02}
.tcg-page :is(.framework-pane-top,.framework-reference-foot,.collection-specimen-top,.collection-specimen-foot,.economy-board-foot){background:transparent;border-color:#ffffff12}
.tcg-page .framework-core-foot{background:#00d0e517;color:#7ac9d1;border-top:1px solid #00d0e525;letter-spacing:.02em;font-size:12px}
.tcg-page .framework-core-foot img{filter:invert(1)!important}
.tcg-page .framework-connector{background:#ffffff20}.tcg-page .framework-connector>span{background:#24272b;border-color:#ffffff25;box-shadow:0 0 0 8px var(--bg)}
.tcg-page :is(.framework-modules>div,.economy-branches article,.economy-flow-source){background:#ffffff04;border:1px solid #ffffff12;border-radius:13px}
.tcg-page .economy-branches article:last-child{background:#9a8df70c;border-color:#9a8df72b}
.tcg-page .production-spaces{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:48px}
.tcg-page .production-spaces>div{min-height:240px}
.tcg-page .production-spaces .product-mode img{width:20px!important;height:20px!important;margin:0;filter:none;opacity:1}
.tcg-page .production-spaces h3{margin-top:24px}
.tcg-page .production-spaces p{color:#aab2b8}
.tcg-page .atlas-film{margin-top:0;margin-bottom:48px}
.tcg-page .tcg-product-views{margin-top:0;margin-bottom:24px}
.tcg-page .tcg-product-views .product-story{min-width:0}
.tcg-page .production-toolkit{gap:16px;margin-top:0}
.tcg-page .production-toolkit strong{font-family:Inter,Arial,sans-serif;font-size:22px;font-weight:500;letter-spacing:-.035em}
.tcg-page .production-toolkit span{color:#929ca5;letter-spacing:.04em}
@media(max-width:1100px){.tcg-page .production-spaces{gap:12px}.tcg-page .production-spaces>div{padding:18px}.tcg-page .production-spaces p{font-size:13px!important}}

/* Editorial player loop: one generous opening, then two complementary reasons to return. */
.tcg-page .market-loop{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.tcg-page .market-loop article{padding:0;min-height:0;isolation:isolate}
.tcg-page .market-loop article:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:radial-gradient(ellipse at 24% 50%,#81619820,transparent 65%),linear-gradient(140deg,#292b2f,#1c1e21)}
.tcg-page .market-copy{padding:30px 32px 34px}
.tcg-page .market-loop h3{font-size:30px;letter-spacing:-.045em}
.tcg-page .market-loop p{font-size:17px!important;line-height:1.6;color:#aab2b8;max-width:390px}
.tcg-page .market-visual{height:320px;margin:0;border-radius:0;background:radial-gradient(ellipse at 50% 75%,#9a8df716,transparent 72%);overflow:visible}
.tcg-page .market-visual::before{display:none}
.tcg-page .market-visual-pack>img{height:290px;transform:rotate(-9deg)}
.tcg-page .market-visual-card>img{height:285px;transform:rotate(7deg) translateY(12px)}
.tcg-page .market-visual-binder>div img{height:235px;max-width:38%;object-fit:contain}
.tcg-page .market-visual-binder>div{width:100%;gap:0;padding:0 22px}
.tcg-page .market-loop article:not(:first-child){display:flex;flex-direction:column-reverse}
.tcg-page .market-loop article:not(:first-child) .market-copy{padding-bottom:12px}
.tcg-page .collection-story{grid-template-columns:.85fr 1.35fr;gap:48px;margin-top:96px}
.tcg-page .collection-specimen{background:radial-gradient(ellipse at 10% 40%,#9a8df713,transparent 60%),#202226}
.tcg-page .collection-specimen-top{padding:24px 28px;font-size:13px;letter-spacing:0;color:#b4a0ec}
.tcg-page .collection-specimen-main>img{background:none;padding:22px 0 22px 18px}
.tcg-page .collection-traits{padding:12px 26px 12px 20px}
.tcg-page .collection-traits>div{padding:19px 0;border-color:#ffffff0d}
.tcg-page .collection-traits strong{font-size:16px}.tcg-page .collection-traits span{font-size:13px;line-height:1.5;color:#aab2b8}
.tcg-page .collection-specimen-foot{padding:20px 28px;color:#939da5}
.tcg-page .pace-story{padding:0;gap:56px;background:none;border:0;box-shadow:none;border-radius:0;overflow:visible;margin-top:96px}
.tcg-page .pace-panel{border:0;background:none;padding:0;gap:12px;grid-template-columns:1fr 1fr;position:relative}
.tcg-page .pace-track{display:none}
.tcg-page .pace-mode{padding:26px;min-height:285px;border-color:#ffffff12;background:linear-gradient(140deg,#2a2d30,#1b1e21);border-radius:20px;box-shadow:inset 0 2px 0 #ffffff07}
.tcg-page .pace-mode:last-child{margin-top:40px}
.tcg-page .pace-mode>strong{font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.04em}
.tcg-page .pace-mode>span{color:#84c8d1;letter-spacing:.05em}
.tcg-page .pace-mode>p{font-size:14px!important;color:#aab2b8}
.tcg-page .market-principle{background:none;border:0;border-top:1px solid #ffffff16;border-radius:0;padding:38px 0 0;margin-top:64px;align-items:start}
.tcg-page .market-principle strong{font-family:Inter,Arial,sans-serif;font-size:23px;font-weight:500;letter-spacing:-.04em}
.tcg-page .market-principle p{color:#aab2b8}
.market-scale{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:48px;margin-top:48px;border:1px solid #ffffff12;border-radius:20px;background:radial-gradient(ellipse at 12% 50%,#00d0e50b,transparent 70%),#202326;box-shadow:inset 0 2px 0 #ffffff07}
.market-scale-value>span{font-size:13px;color:#8eabb0}
.market-scale-value>strong{display:block;font-family:var(--serif);font-size:clamp(70px,7.5vw,108px);font-weight:400;letter-spacing:-.06em;line-height:1.2;margin:14px 0}
.market-scale-value>strong span{font-family:Inter,sans-serif;font-size:.3em;letter-spacing:-.04em;margin-left:8px;color:#75bac6}
.market-scale-value p{font-size:17px;color:#aab2b8;line-height:1.5}
.market-scale-context h3{font-size:24px;line-height:1.35}.market-scale-context h3 span{color:#a0aab2}
.market-scale-context>p{font-size:16px;color:#aab2b8;line-height:1.6;margin-top:18px}
.market-format{display:flex;gap:10px;margin-top:22px}.market-format span{padding:8px 12px;border:1px solid #ffffff15;border-radius:8px;font-size:12px;color:#9bcbd2;background:#00d0e506}
.market-scale-context .market-source{font-size:11px;color:#858f98;line-height:1.6;margin-top:24px}.market-source a{display:inline;color:#b2c3c7;text-decoration:underline;text-underline-offset:3px}
.tcg-page .economy-rtp{background:radial-gradient(ellipse at 30% 20%,#9a8df716,transparent 75%);border-right-color:#ffffff12}
.tcg-page .economy-board-top{font-size:11px;letter-spacing:.04em;border-color:#ffffff12;color:#8e99a2}
.tcg-page .economy-rtp>strong{color:#d6cbee}
.tcg-page .economy-flow-source{padding:24px;border:0;background:#ffffff03}
.tcg-page .economy-branches article{padding:24px}.tcg-page .economy-branches article:last-child{background:#00d0e507;border-color:#75bac625}
.tcg-page .economy-board-foot{padding:28px 32px;gap:40px}
.tcg-page .direction-card-bottom{padding:30px 32px}.tcg-page .direction-card-bottom h3{font-size:28px}
.tcg-page .direction-scene::before,.tcg-page .evidence-art::before{display:none}
.tcg-page .direction-scope{background:transparent;border-color:#ffffff12}
.tcg-page .direction-scope>div span,.tcg-page .tag-list span{border-radius:8px;border-color:#ffffff15;background:#ffffff04;color:#b7c0c5}
.tcg-page .workflow-horizon>div{background:#202326;border-color:#ffffff12;padding:28px;border-radius:20px}
.tcg-page .workflow-horizon>div:last-child{background:#222329}.tcg-page .workflow-horizon span{color:#84c8d1;letter-spacing:.05em}
.tcg-page .evidence-art{border:0;background:radial-gradient(ellipse at 50% 50%,#9a8df712,transparent 70%);overflow:visible}
.tcg-page .tcg-end-card{background:radial-gradient(ellipse at 95% 20%,#00d0e511,transparent 65%),linear-gradient(140deg,#292c30,#1c1f22);border-color:#ffffff12;border-radius:20px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .market-visual>img,.market-visual-binder>div{transition:translate .7s cubic-bezier(.2,.7,.2,1)}
 .market-loop article:hover .market-visual>img,.market-loop article:hover .market-visual-binder>div{translate:0 -8px}
}
.tcg-page .market-loop .market-visual{background:none}
.tcg-page .market-loop article:not(:first-child){display:grid;grid-template-rows:170px 320px}
.tcg-page .market-loop article:not(:first-child) .market-copy{order:-1}
@media(max-width:767px){.tcg-page .market-loop article:not(:first-child){grid-template-rows:auto 280px}}
