/* Рабочее оформление v0.3: янтарный + оливковый, правки владельца. */
:root{--amber:#FFA812;--amber-hover:#F2A00B;--marker:#FFDF44;--black:#000;--button-size:22px;--button-border:3px}
.button,.hero .button,.price-card .button,.closing .button,.mobile-cta .button,dialog .button{display:flex;justify-content:center;align-items:center;gap:0;min-height:68px;padding:16px 26px;border:var(--button-border) solid var(--black);border-radius:4px;background:var(--amber);color:var(--black);font:600 var(--button-size)/1.4 var(--sans);text-align:center;text-wrap:balance;box-shadow:none;transform:none}
.button:hover,.hero .button:hover,.price-card .button:hover,.closing .button:hover{background:var(--amber-hover);color:var(--black);transform:none}
.button:active{background:#E59600}.button:focus-visible{outline:3px solid var(--black);outline-offset:5px}.hero .button{width:100%;max-width:440px}.closing .button{max-width:590px}.button svg,.button>span[aria-hidden]{display:none}
.menu-toggle,#expand-modules{justify-content:center;align-items:center;min-height:54px;padding:10px 16px;border:3px solid var(--black);border-radius:4px;color:var(--black);background:var(--amber);font:600 var(--button-size)/1.35 var(--sans);text-align:center;text-decoration:none}
.curriculum-top{align-items:center}.curriculum-top>span{font-size:16px}#expand-modules{display:inline-flex;max-width:340px}.site-header{gap:24px}
mark.text-marker{background:var(--marker);color:var(--black);padding:0 .13em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.opening .prose p:last-child{font-weight:600}
.plaque-heading{max-width:none!important;line-height:1.42!important}.heading-plaque{display:inline-block;max-width:100%;padding:17px 23px;border:3px solid var(--black);box-shadow:5px 5px 0 var(--black);background:var(--olive);color:var(--black);font-size:inherit;line-height:1.35;overflow-wrap:break-word}.heading-plaque.amber{background:var(--amber)}.heading-plaque.olive{background:var(--olive)}.heading-plaque.graphite{background:var(--ink);color:var(--cream)}.heading-plaque.wide{display:block;width:100%}
.insight{display:block;margin:0;padding:64px 0;background:transparent;border:0;color:var(--ink)}.insight>h2{margin-bottom:34px;font-size:36px}.step-list{display:grid;gap:24px}.step-tile{display:grid;grid-template-columns:54px minmax(0,1fr);gap:23px;padding:29px 30px;border:3px solid var(--black);box-shadow:6px 6px 0 var(--ink);background:var(--paper);border-radius:0;align-items:start}.step-number{display:grid;place-items:center;min-height:50px;width:50px;border:2px solid var(--black);background:var(--olive);color:var(--black);font:600 18px/1 var(--sans);box-shadow:3px 3px 0 var(--black)}.step-tile:nth-child(even) .step-number{background:var(--marker)}.step-tile>.prose{max-width:none;font-size:18px}.step-tile p{margin:0}
.story{display:block;padding:var(--space) 0}.story>h2{margin-bottom:42px;max-width:850px!important}.story-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:start;margin-bottom:34px}.story-intro .video-slot{position:sticky;top:35px;aspect-ratio:4/5;margin:0}.story>.step-list{margin-top:36px}.story .step-tile{grid-template-columns:54px minmax(0,1fr)}
.program-intro{display:block}.program-intro>h2{font-size:36px;margin-bottom:34px}.program-intro>.prose{max-width:820px;margin-left:auto}.authors>h2{max-width:950px}.bonus h2{font-size:29px}.bonus .heading-plaque{padding:13px 17px;box-shadow:4px 4px 0 var(--black)}.bonus-pdf{grid-template-columns:1fr 1.8fr}.platform>h2{max-width:880px}.platform>h2 .heading-plaque{padding:16px 22px}.formats>h2{max-width:none;font-size:39px}.formats>.prose{margin-top:34px}
.price-card,.price-supported{border:3px solid var(--black);background:var(--olive);color:var(--black);padding:34px 30px 27px}.price-supported{box-shadow:6px 6px 0 var(--black)}.price-card .access,.price-supported .access,.price-card .payment-status,.price-supported .payment-status{color:var(--black)}.price-card .price{color:#fff;letter-spacing:normal;font-weight:600}.price-card .features li:before,.price-supported .features li:before{color:var(--black)}.price-card .features li{font-size:16px}.price-card .button{width:100%;font-size:var(--button-size);min-height:68px;padding:16px 24px}.payment-status{font-size:12px}.payment-note{font-size:14px}
.closing{background:transparent;color:var(--ink);margin:0;padding:0 0 40px;border-radius:0}.closing>h2{font-size:40px;max-width:none;color:var(--black)}.closing>.prose{color:var(--ink);max-width:850px}.closing .prose p:last-child{color:var(--ink)}.closing .button{margin-top:35px}.mobile-cta{border-top:2px solid var(--black)}
@media(max-width:1050px){.heading-plaque{padding:16px 20px}.story-intro{gap:35px}.bonus h2{font-size:27px}.price-card,.price-supported{padding:30px 24px 26px}}
@media(max-width:800px){.story-intro{grid-template-columns:1fr}.story-intro .video-slot{position:static;min-height:300px;aspect-ratio:16/9}.step-tile>.prose{font-size:17px}.program-intro>.prose{margin-left:0}.bonus-pdf{grid-template-columns:1fr 1.7fr}.price-card .features li{font-size:15px}.price-card .button{min-height:68px}.closing>h2,.formats>h2{font-size:35px}}
@media(max-width:600px){:root{--button-size:20px}.hero .button,.closing .button,.price-card .button{max-width:none;min-height:66px;padding:15px 18px;font-size:var(--button-size)}.mobile-cta .button{min-height:58px;padding:11px 16px;font-size:var(--button-size)}.menu-toggle{font-size:var(--button-size);padding:8px 12px;min-height:48px}.site-header{gap:12px}.site-header .wordmark{font-size:24px}.site-header nav{border:3px solid var(--black)}.curriculum-top{align-items:start;flex-direction:column;gap:16px}#expand-modules{min-height:58px;max-width:none;width:100%;font-size:var(--button-size)}.heading-plaque{padding:14px 16px;box-shadow:4px 4px 0 var(--black)}.insight{padding:48px 0 55px}.insight>h2,.program-intro>h2{font-size:29px;margin-bottom:28px}.step-list{gap:24px}.step-tile,.story .step-tile{grid-template-columns:1fr;padding:24px 21px;gap:22px;box-shadow:5px 5px 0 var(--ink)}.step-tile>.prose{font-size:17px}.step-number{width:45px;min-height:45px;font-size:17px}.story>h2{font-size:29px;margin-bottom:30px}.story-intro{gap:28px}.story-intro .video-slot{min-height:270px;aspect-ratio:auto}.program-intro>.prose{margin:0}.bonus-pdf{grid-template-columns:1fr}.bonus h2{font-size:27px}.platform>h2{font-size:28px}.formats>h2,.closing>h2{font-size:30px}.price-card,.price-supported{padding:29px 23px 25px}.price-card h3{font-size:30px}.price-card .price{font-size:56px}.price-card .features li{font-size:15px}.payment-note{font-size:13px}.closing{padding-bottom:20px}.closing .button{margin-top:28px}.site-footer{padding-bottom:120px}}
@media print{.heading-plaque,.price-card,.step-number,.text-marker{print-color-adjust:exact;-webkit-print-color-adjust:exact}.step-tile{break-inside:avoid;box-shadow:none}.story-intro{display:block}.closing{background:none}.button,#expand-modules,.menu-toggle{display:none!important}}
.story-intro{display:block;max-width:820px;margin-bottom:34px}.story-intro>.prose{max-width:none}.story>.video-slot{position:static;aspect-ratio:16/7;min-height:330px;margin-top:42px}
@media(max-width:600px){.story>.video-slot{aspect-ratio:auto;min-height:270px;margin-top:32px}}

/* Уточнения v0.4: общий отклик кнопок и сравнение тарифов. */
:root{--olive:#A6A64D;--button-size:28px;--action-hover:#DF8C00;--action-active:#C97E00}
:is(.button,.menu-toggle,#expand-modules){font-size:var(--button-size);line-height:1.3;padding:12px 16px;border:3px solid var(--black);background:var(--amber);box-shadow:4px 4px 0 var(--black);transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease;transform:translate(0,0) scale(1);transform-origin:center}
@media(hover:hover){:is(.button,.menu-toggle,#expand-modules):hover{background:var(--action-hover);color:var(--black);transform:translate(2px,2px) scale(.985);box-shadow:1px 1px 0 var(--black)}}
:is(.button,.menu-toggle,#expand-modules):active{background:var(--action-active);color:var(--black);transform:translate(3px,3px) scale(.97);box-shadow:inset 0 2px 4px #0002}
:is(.button,.menu-toggle,#expand-modules):focus-visible{outline:3px solid var(--black);outline-offset:6px}
.hero .button{width:fit-content;min-width:320px;max-width:100%;padding:12px 22px}.closing .button{width:fit-content;max-width:100%;padding:12px 18px}
#expand-modules{max-width:none}.step-number,.step-tile:nth-child(even) .step-number,.module-number{background:var(--marker);color:var(--black);border:2px solid var(--black);box-shadow:3px 3px 0 var(--black);width:46px;min-width:46px;min-height:46px;display:grid;place-items:center;font:600 18px/1 var(--sans)}
.story-layout{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:44px;align-items:start;margin-top:36px}.story-layout>.video-slot{width:100%;aspect-ratio:9/16;min-height:0;position:sticky;top:28px;margin:0}.story-layout>.video-slot.has-media video{aspect-ratio:9/16;object-fit:contain;max-height:none}.story-layout>.step-list{margin:0;gap:20px}.story-layout .step-tile{grid-template-columns:46px minmax(0,1fr);gap:18px;padding:22px 23px;box-shadow:4px 4px 0 var(--black)}.story-layout .step-tile>.prose{font-size:17px}.story-layout .prose p{line-height:1.7}
.price-card:not(.price-supported){background:#FFF}.price-card .features{margin:14px 0 25px;flex:1}.price-card .features li:before,.price-supported .features li:before{content:'';position:absolute;width:11px;height:11px;background:var(--marker);border:1.5px solid var(--black);top:7px;left:0;box-sizing:border-box}.price-card .features li{padding-left:25px}.price-card .features li.excluded{color:#66695F}.price-card .features s{text-decoration-thickness:1.4px;text-decoration-color:currentColor}.price-card .price{padding-top:22px;border-top:1px solid #0004;margin-bottom:25px}.price-card:not(.price-supported) .price{color:var(--ink)}.price-supported .price{color:#fff}.price-card .button{padding:12px 16px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.story-layout{grid-template-columns:minmax(210px,270px) minmax(0,1fr);gap:28px}.story-layout .step-tile{grid-template-columns:1fr;padding:23px;gap:20px}}
@media(max-width:700px){.story-layout{grid-template-columns:1fr;gap:30px}.story-layout>.video-slot{position:static;max-width:320px;justify-self:center;aspect-ratio:9/16;min-height:0}.story-layout .step-tile{padding:24px 21px}.story-layout .step-tile>.prose{font-size:17px}}
@media(max-width:600px){:root{--button-size:24px}.hero .button,.closing .button{min-width:0;width:100%;padding:12px 14px}.menu-toggle{padding:9px 11px;min-height:48px}.mobile-cta .button{min-height:60px;padding:10px 14px}.step-number,.module-number{width:46px;min-width:46px;min-height:46px;font-size:18px}.price-card .button{font-size:var(--button-size)}}
@media(prefers-reduced-motion:reduce){:is(.button,.menu-toggle,#expand-modules):hover,:is(.button,.menu-toggle,#expand-modules):active{transform:none;transition:none}}
@media print{.story-layout{display:block}.story-layout>.video-slot{display:none}.price-card:not(.price-supported) .price{color:var(--ink)}}
@media(max-width:600px){.author-grid,.price-grid{grid-template-columns:minmax(0,1fr)}.author,.price-card{min-width:0}.portrait-slot{width:100%;min-width:0}}
@media(max-width:360px){.price-card h3{font-size:27px}}