/* Evergreen editorial system, adapted from the author's two campaign sites. */
:root{--color-cream:#f4ede4;--color-paper:#fffbf5;--color-emerald:#651629}
body{background:#f4ede4}
main{overflow:clip}
.section{padding-block:110px}
.section-heading{align-items:end;margin-bottom:46px;gap:50px}
.section-heading>div{min-width:0}
.section-heading h2,.section-intro h2{font-size:clamp(39px,4.6vw,64px);line-height:1.15;letter-spacing:-.065em;text-transform:uppercase}
.section-heading h2 em,.section-intro h2 em{display:inline-block;background:#651629;color:#f4ede4;font-style:normal;padding:.025em .10em .10em;line-height:1.1;box-shadow:5px 5px 0 #cfbcae;margin-top:9px}
.section-heading>p{font-size:16px;max-width:320px;line-height:1.8}
.eyebrow{letter-spacing:.14em;font-size:10px}
.section-heading .eyebrow,.section-intro>.eyebrow{display:flex;align-items:center;gap:13px;margin-bottom:24px}
.section-heading .eyebrow:before,.section-intro>.eyebrow:before{content:"";width:28px;height:1px;background:currentColor;flex-shrink:0}
.btn{border-radius:5px 18px 5px 5px;font-size:12px;min-height:54px;padding:16px 23px;box-shadow:0 8px 18px #35101c10}
.btn:hover{transform:translateY(-3px);box-shadow:0 11px 24px #35101c28}
.btn:disabled{transform:none;box-shadow:none}
header{background:#17090fc9;backdrop-filter:blur(14px)}
.header-plan{border-radius:4px 13px 4px 4px}
.hero h1{font-size:clamp(58px,5.5vw,80px)}
.hero h1 em{box-shadow:7px 7px 0 #651629}
.hero-actions .btn{border-radius:5px 20px 5px 5px;font-size:11px;padding:19px 29px;min-height:60px}
.hero-footer{padding-bottom:41px}
.guide-route{position:relative;z-index:3;width:min(1240px,calc(100% - 64px));margin:-9px auto 0;display:grid;grid-template-columns:repeat(3,1fr);background:#f4ede4;border:1px solid #c7b5a7;border-radius:8px 38px 8px 8px;box-shadow:0 17px 40px #210d1b18;overflow:hidden}
.guide-route a{display:grid;grid-template-columns:48px 1fr;gap:6px 18px;padding:28px 26px;text-decoration:none;border-left:1px solid #c7b5a7;transition:background .2s}
.guide-route a:first-child{border:0}
.guide-route a:hover{background:#e5dacd}
.guide-route a>span{grid-row:1/3;font:500 30px/1 var(--font-display);letter-spacing:-.07em;color:#651629;align-self:center}
.guide-route b{font:600 13px/1.5 var(--font-display);letter-spacing:-.045em}
.guide-route small{font-size:11px;color:#746065}
.quiz-section{margin-top:-1px;border-radius:0;padding-top:105px;background:#f4ede4;border-bottom:0;overflow:visible}
.quiz-section>.wrap{grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.section-intro h2{font-size:clamp(35px,3.8vw,52px)}
.section-intro>p:last-child{max-width:400px;font-size:17px;line-height:1.8;margin-top:32px}
.section-intro:after{content:"01 / ФОРМАТ    02 / ЗАДАЧА    03 / ВРЕМЯ";display:block;max-width:400px;margin-top:47px;padding-top:20px;border-top:1px solid #bfa99b;font-size:9px;font-weight:700;letter-spacing:.08em;color:#651629}
.quiz-box{padding:34px;background:#651629;color:#f4ede4;border:1px solid #4a1222;border-radius:6px 42px 6px 6px;box-shadow:12px 12px 0 #d9d0c3}
.quiz-progress{font-size:10px;color:#e4e9e0}
.quiz-progress a{color:#f4ede4}
.progress-track{background:#ffffff30;margin-block:18px 30px}
#quiz-bar{background:#f4ede4}
.quiz-step legend{font-size:23px;line-height:1.45;margin-bottom:24px}
.quiz-box .choice{background:#ffffff0a;border:1px solid #ba939d;color:#f4ede4;border-radius:4px 16px 4px 4px;min-height:62px;padding:16px}
.quiz-box .choice:hover{background:#ffffff14;border-color:#f4ede4}
.quiz-box .choice small{color:#e1e7de}
.quiz-box .choice i{border-color:#c3a1a6}
.quiz-box .choice:has(input:checked){background:#f4ede4;color:#651629;border-color:#f4ede4;box-shadow:0 6px 20px #2407113b}
.quiz-box .choice:has(input:checked) small{color:#643541}
.quiz-box .choice:has(input:checked) i{background:#651629;border-color:#651629}
.quiz-controls .btn{background:#f4ede4;border-color:#f4ede4;color:#651629;font-size:12px;min-width:140px}
.quiz-controls .text-btn,.quiz-box .muted{color:#f4ede4}
.quiz-controls .btn:disabled{background:#d7cbc9;color:#6c4952;opacity:.75}
#results{grid-column:1/-1;padding-top:30px}
.result-head h2{font-size:42px}
#catalog{padding-top:75px;padding-bottom:115px}
.js .category-rail{display:grid!important}
.category-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:12px;margin-bottom:36px;padding:0}
.category-tab{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:40px 1fr;min-height:135px;padding:20px;border-radius:4px 26px 4px 4px;box-shadow:0 5px 12px #31121d08;background:#e5d9cc;border:1px solid #c6b2a1;color:#43262e}
.category-tab:nth-child(3n+2){background:#651629;border-color:#651629;color:#f4ede4}
.category-index{font-size:31px;opacity:.6}
.category-name{font-size:12px;align-self:end}
.category-tab small{font-size:10px}
.category-tab:hover{transform:translateY(-3px)}
.category-tab[aria-pressed=true]{background:#651629;border-color:#651629;color:#f4ede4}
.filters{background:#fffbf5;border:1px solid #cab5a6;border-radius:6px 30px 6px 6px;padding:28px;box-shadow:0 12px 30px #32192308}
.search-label input{font-size:24px!important;font-weight:500}
.catalog-toolbar{border-bottom:1px solid #bda697;padding-bottom:20px;margin-top:32px}
.catalog-grid{gap:24px;align-items:start}
.idea{padding:32px;border:1px solid #cbb8aa;border-radius:7px 42px 7px 7px;background:#fffbf5;box-shadow:0 10px 24px #36131c0a;overflow:hidden;transition:transform .2s,box-shadow .2s}
.idea:hover{box-shadow:0 17px 35px #36131c18;transform:translateY(-3px)}
.idea summary{gap:22px}
.idea-number{font-size:43px;flex-basis:60px;width:60px;color:#651629}
.idea h3{font-size:23px;line-height:1.35;margin:18px 0;max-width:31ch}
.idea .eyebrow{color:#75595b}
.idea-short{line-height:1.75;font-size:15px;-webkit-line-clamp:3}
.idea-body,.idea-actions{margin-left:82px}
.idea-actions{gap:12px}
.idea-actions .btn{font-size:11px;padding:13px 18px;min-height:48px}
.catalog-grid>.idea:nth-child(4n+2){background:#352529;border-color:#352529;color:#f4ede4}
.catalog-grid>.idea:nth-child(4n+3){background:#541425;border-color:#541425;color:#f4ede4}
.catalog-grid>.idea:nth-child(4n+2) .idea-number,.catalog-grid>.idea:nth-child(4n+3) .idea-number{color:#f4ede4}
.catalog-grid>.idea:nth-child(4n+2) .eyebrow,.catalog-grid>.idea:nth-child(4n+3) .eyebrow,.catalog-grid>.idea:nth-child(4n+2) .metric,.catalog-grid>.idea:nth-child(4n+3) .metric{color:#e2d9cf}
.catalog-grid>.idea:nth-child(4n+2) .metric>span,.catalog-grid>.idea:nth-child(4n+3) .metric>span{color:#e2d9cf}
.catalog-grid>.idea:nth-child(4n+2) .details-label,.catalog-grid>.idea:nth-child(4n+3) .details-label{color:#f4ede4;border-color:#ffffff4d}
.catalog-grid>.idea:nth-child(4n+2) .btn,.catalog-grid>.idea:nth-child(4n+3) .btn{background:#f4ede4;border-color:#f4ede4;color:#43212a}
.catalog-grid>.idea:nth-child(4n+2) .text-btn,.catalog-grid>.idea:nth-child(4n+3) .text-btn{color:#f4ede4}
.catalog-grid>.idea:nth-child(4n+2) .example,.catalog-grid>.idea:nth-child(4n+3) .example{background:#ffffff10;border-left-color:#f4ede4}
.catalog-grid>.idea:nth-child(4n+2) .example small,.catalog-grid>.idea:nth-child(4n+3) .example small{color:#e2d9cf}
.lab-section{background:#171114;border-radius:50px 50px 0 0;color:#f4ede4;padding-top:110px}
.lab-section .section-heading h2 em,.plan-section .section-heading h2 em{background:#f4ede4;color:#651629;box-shadow:6px 6px 0 #5d2335}
.lab-section .section-heading>p{color:#decfc5}
.js .lab-tools{display:grid!important}
.lab-tools{border:0;display:grid;gap:16px;margin-top:50px}
.tool{border:1px solid #72555e;border-radius:7px 32px 7px 7px;overflow:hidden;background:#251b21}
.tool>summary{padding:30px 32px;gap:28px}
.tool-index{font-size:48px;color:#f4ede4}
.tool h3{font-size:24px;line-height:1.4}
.tool>summary>b{border:1px solid #a4868b;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:23px;flex-shrink:0}
.tool[open]>summary{background:#351c27}
.tool-body{margin:0 12px 12px;padding:36px 40px;border-radius:5px 24px 5px 5px;background:#f4ede4}
.diagnostic-row{padding:24px 0 0}
.diagnostic-row legend{font-size:16px}
.segmented span{border-radius:4px 12px 4px 4px}
#templates{padding-top:115px;padding-bottom:115px}
.templates{border:0;counter-reset:template;display:grid;gap:15px}
.template{border:1px solid #bfa798;border-radius:5px 28px 5px 5px;background:#fffbf5;box-shadow:6px 6px 0 #e1d3c5;overflow:hidden}
.template>summary{padding:27px 30px;gap:28px;min-height:105px}
.template h3{font-size:23px;max-width:37ch;line-height:1.4}
.template .idea-number{font-size:32px}
.template summary>b{margin-left:auto;border:1px solid #b99c91;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;font-size:21px}
.template[open]>summary{background:#e5d9cc;border-bottom:1px solid #bfa798}
.template-body{margin:0;padding:25px 30px 32px;max-width:none}
.template textarea{background:#f4ede4;border-color:#bfa798}
.plan-section{background:radial-gradient(ellipse at 100% 0%,#741c34,transparent 65%),#3c101f;border-radius:50px 50px 0 0;padding-top:110px}
.plan-layout{grid-template-columns:.85fr 1.35fr;gap:65px}
.plan-layout aside{background:#f4ede4;color:#43212a;border:0;border-radius:6px 40px 6px 6px;padding:32px;box-shadow:12px 12px 0 #210c1750}
.plan-count>span{font-size:68px;color:#651629}
.plan-count small{color:#6a4b53}
.plan-layout aside .underlink,.plan-layout aside a{color:#651629}
.plan-layout aside .muted,.plan-item p{color:#71585e}
.plan-item{border-color:#bfa798}
.plan-item .text-btn{color:#651629}
.week-meter{height:7px;accent-color:#f4ede4}
.week-meter::-webkit-progress-value{background:#f4ede4}
.day{border-color:#a4727d;padding:23px 0;gap:21px}
.day-no{font-size:13px;min-width:64px;color:#f4ede4}
.day:has(input:checked){background:#ffffff0a}
.day i{border-color:#c1a2a4}
.day:has(input:checked) i{background:#f4ede4;border-color:#f4ede4;color:#651629}
.plan-channel{margin-top:65px;border-top-color:#a4727d}
footer.wrap{padding-block:95px 40px}
.footer-main{gap:80px}
.footer-main h2{font-size:clamp(32px,3.5vw,48px);line-height:1.2;text-transform:uppercase}
.footer-main>div{font-size:16px}
:focus-visible{outline:3px solid #a9cbde;outline-offset:4px}
@media(min-width:1600px){.hero h1{font-size:94px}.hero-content{max-width:820px}}
@media(max-width:1100px){
 .section{padding-block:85px}.section-heading h2{font-size:48px}.quiz-section>.wrap{gap:35px;grid-template-columns:.9fr 1.1fr}.section-intro h2{font-size:35px}
 .guide-route a{padding:23px 18px;grid-template-columns:32px 1fr;gap:6px 13px}.guide-route a>span{font-size:25px}.guide-route b{font-size:11px}.guide-route small{font-size:10px}
 .category-tab{padding:17px;min-height:135px}.category-name{font-size:11px}.idea{padding:26px}.idea-number{font-size:36px;flex-basis:45px;width:45px}.idea summary{gap:17px}.idea h3{font-size:21px}.idea-body,.idea-actions{margin-left:62px}.plan-layout{gap:35px}
}
@media(max-width:760px){
 .section{padding-block:70px}.section-heading{display:block;margin-bottom:33px}.section-heading h2,.section-intro h2{font-size:clamp(28px,7.55vw,44px);line-height:1.18;letter-spacing:-.065em}
 .section-heading h2 em,.section-intro h2 em{box-shadow:4px 4px 0 #cfbcae;margin-top:8px;padding:.025em .10em .10em}
 .section-heading .eyebrow,.section-intro>.eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:19px;gap:10px}.section-heading .eyebrow:before,.section-intro>.eyebrow:before{width:22px}
 .section-heading>p{font-size:15px;margin-top:24px;max-width:330px}.hero h1{font-size:clamp(31px,8.7vw,44px)}.hero-actions .btn{font-size:9px;min-height:55px;padding:16px 20px}
 .hero-footer{padding-bottom:32px}.guide-route{width:calc(100% - 40px);margin:0 auto;border-radius:5px 27px 5px 5px;grid-template-columns:1fr;box-shadow:6px 6px 0 #ded0c2}
 .guide-route a{padding:17px 20px;grid-template-columns:38px 1fr;gap:3px 15px;border-left:0;border-top:1px solid #c7b5a7}.guide-route a>span{font-size:26px}.guide-route b{font-size:12px}.guide-route small{font-size:10px}
 .quiz-section{margin-top:0;padding-top:66px}.quiz-section>.wrap{display:block}.section-intro>p:last-child{font-size:16px;margin-top:26px}.section-intro:after{margin-top:27px;padding-top:17px;font-size:8px;letter-spacing:.025em}
 .quiz-box{margin-top:32px;padding:25px 20px;border-radius:5px 32px 5px 5px;box-shadow:7px 7px 0 #d9d0c3}.quiz-step legend{font-size:20px;line-height:1.4}.quiz-box .choices{grid-template-columns:1fr}.quiz-box .choice{padding:15px;min-height:58px}.quiz-box .choice b{font-size:14px}.quiz-box .choice small{font-size:12px}.quiz-controls .btn{font-size:11px;min-width:130px}.quiz-progress{font-size:9px}
 #catalog{padding-block:65px 75px}.js .category-rail{display:flex!important}.category-rail{display:flex;overflow-x:auto;gap:10px;margin-bottom:27px;padding-bottom:15px}.category-tab{flex:0 0 165px;min-height:126px;padding:18px}.category-index{font-size:29px}.category-name{font-size:12px}
 .filters{padding:22px 18px;box-shadow:none}.search-label input{font-size:18px!important}.catalog-toolbar{padding-bottom:14px;margin-top:26px}
 .catalog-grid{gap:18px}.idea{padding:26px 22px;border-radius:5px 34px 5px 5px}.idea summary{display:grid;grid-template-columns:43px minmax(0,1fr);gap:0 17px}.idea summary>.idea-number{grid-column:1;grid-row:1}.idea-summary{display:contents}.idea-summary>.eyebrow{grid-column:2;grid-row:1;align-self:center}.idea-summary>h3,.idea-summary>.idea-short,.idea-summary>.metric,.idea-summary>.details-label{grid-column:1/-1}.idea-number{font-size:34px;flex-basis:43px;width:43px}.idea h3{font-size:20px;line-height:1.4;margin:20px 0 15px}.idea .eyebrow{font-size:9px;letter-spacing:.04em}.idea-short{font-size:15px;line-height:1.75}.idea-actions,.idea-body{margin-left:0}.idea-actions .btn{font-size:11px;padding:13px 18px}.idea-actions .text-btn{font-size:11px}.idea:hover{transform:none}
 .lab-section,.plan-section{border-radius:32px 32px 0 0;padding-top:70px}.lab-section .section-heading h2 em,.plan-section .section-heading h2 em{box-shadow:4px 4px 0 #5d2335}
 .lab-tools{margin-top:35px;gap:12px}.tool{border-radius:5px 25px 5px 5px}.tool>summary{padding:23px 19px;gap:15px}.tool-index{font-size:30px}.tool h3{font-size:18px;line-height:1.4}.tool>summary .eyebrow{font-size:8px}.tool>summary>b{width:28px;height:28px;font-size:18px}.tool-body{margin:0 7px 7px;padding:24px 17px;border-radius:4px 20px 4px 4px}.diagnostic-row legend{font-size:14px}
 #templates{padding-block:70px 80px}.templates{gap:13px}.template{box-shadow:4px 4px 0 #e1d3c5}.template>summary{padding:23px 18px;gap:14px;min-height:100px}.template h3{font-size:17px;line-height:1.45}.template .idea-number{font-size:27px;width:36px;flex-basis:36px}.template summary>b{width:27px;height:27px;font-size:17px}.template-body{padding:22px 18px 27px}
 .plan-layout{display:block;margin-top:35px}.plan-layout aside{padding:27px;margin-bottom:40px;box-shadow:7px 7px 0 #210c1750;border-radius:5px 30px 5px 5px}.plan-count>span{font-size:56px}.day{font-size:14px;gap:13px;padding:23px 0}.day-no{font-size:10px;min-width:48px}.plan-channel{margin-top:40px}
 footer.wrap{padding:70px 20px calc(110px + env(safe-area-inset-bottom))}.footer-main{display:block;margin-bottom:45px}.footer-main h2{font-size:29px}.footer-main>div{margin-top:26px}.footer-main p{font-size:15px}.result-head h2{font-size:28px}
}
@media(max-width:350px){
 .section-heading h2,.section-intro h2{font-size:25px}.hero h1{font-size:30px}.hero-actions .btn{font-size:8px;padding:15px 15px}.guide-route{width:calc(100% - 32px)}.guide-route a{padding:16px}.quiz-box{padding:24px 16px}.quiz-step legend{font-size:18px}.quiz-progress{font-size:8px}.quiz-box .choice{padding:14px}.idea{padding:24px 18px}.idea h3{font-size:18px}.idea summary{gap:13px}.idea-number{font-size:29px;width:37px;flex-basis:37px}.idea-actions .btn{font-size:10px}.idea-actions .text-btn{font-size:10px}.tool h3{font-size:16px}.tool>summary{padding:23px 15px;gap:12px}.tool-index{font-size:27px}.template h3{font-size:15px}.template>summary{gap:11px}.template .idea-number{font-size:24px;flex-basis:29px;width:29px}.footer-main h2{font-size:25px}
}
@media(prefers-reduced-motion:reduce){.btn:hover,.category-tab:hover,.idea:hover{transform:none}}
@media print{.guide-route{display:none!important}.plan-section{background:white;color:black}.plan-layout aside{box-shadow:none;padding:0}.plan-count>span,.plan-count small,.plan-layout aside a,.day-no{color:black}.plan-section .section-heading h2 em{color:black;background:none;box-shadow:none}.day{border-color:#aaa}.section{padding:0}}

@media(max-width:1100px) and (min-width:761px){.idea summary{display:grid;grid-template-columns:45px minmax(0,1fr);gap:0 17px}.idea summary>.idea-number{grid-column:1;grid-row:1}.idea-summary{display:contents}.idea-summary>.eyebrow{grid-column:2;grid-row:1;align-self:center}.idea-summary>h3,.idea-summary>.idea-short,.idea-summary>.metric,.idea-summary>.details-label{grid-column:1/-1}.idea h3{margin-top:22px}.idea h3.long-title{font-size:19px}.idea-body,.idea-actions{margin-left:0}}
@media(max-width:760px){.idea h3.long-title{font-size:18px}}
@media(max-width:350px){.idea h3.long-title{font-size:16px}}
.day input{inset:0;width:100%;height:100%;margin:0;cursor:pointer}
@media(max-width:350px){footer.wrap{padding-inline:16px}.footer-main h2{font-size:22px}}
@media(max-width:760px){
 html{scroll-padding-bottom:calc(100px + env(safe-area-inset-bottom))}
 :where(a,button,input,select,textarea,summary){scroll-margin-bottom:calc(100px + env(safe-area-inset-bottom))}
}
@media(min-width:761px) and (max-width:900px){
 .quiz-section>.wrap{grid-template-columns:1fr;gap:35px}
 .section-intro h2{font-size:39px}
 .section-intro>p:last-child{max-width:620px}
 .section-intro:after{margin-top:25px;max-width:620px}
 .quiz-box{width:100%}
 .section-heading{display:block}
 .section-heading>p{margin-top:25px;max-width:500px}
 .section-heading h2{font-size:42px}
 .plan-layout{grid-template-columns:1fr;gap:40px}
 .footer-main{grid-template-columns:1fr;gap:26px}
 .footer-main h2{font-size:34px}
}