/* ===== ТЕМА «ШКОЛЬНЫЙ ДНЕВНИК» ===== */
:root{--bg:#FBF7EC;--bg-2:#F3EDDD;--surface:#FFFDF6;--ink:#1F2A44;--ink-soft:#33405E;--muted:#7A809A;--pink:#D62839;--pink-deep:#B01E2D;--yellow:#FFD84D;--teal:#3D8BFF;--kraft:#D9A86C;--kraft-dark:#B9884E;--line:#B9C4E4;--radius:8px;--radius-sm:6px;--display:'Caveat','Comic Sans MS',cursive;--body:'PT Sans',Arial,sans-serif;--shadow:0 12px 30px rgba(31,42,68,.14)}
body{background:var(--bg);background-image:linear-gradient(transparent 31px,#C9D3EE 31px,#C9D3EE 32px);background-size:100% 32px;font-size:17px}
body::before{content:"";position:fixed;left:72px;top:0;bottom:0;width:2px;background:#E39AA3;pointer-events:none;z-index:0}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:0}
h2{font-size:clamp(2rem,4.4vw,3.4rem);color:#1A3EA8;position:relative;display:inline-block}
h2::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:3px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='6'%3E%3Cpath d='M0 3q10-4 20 0t20 0' fill='none' stroke='%23D62839' stroke-width='2'/%3E%3C/svg%3E") repeat-x}
h3{font-size:1.35rem;color:#1A3EA8}
.site-header{background:#fff;border-bottom:2px solid #1F2A44;backdrop-filter:none}.nav ul a{font-family:var(--display);font-size:1.15rem;font-weight:700;color:#1A3EA8}.nav ul a:hover{color:var(--pink)}.nav .phone{font-family:var(--display);font-size:1.15rem;color:#1A3EA8}.logo{font-family:var(--display);font-size:1.5rem;color:#1A3EA8}.logo b{color:var(--pink)}.logo-mark{background:var(--yellow);border:2px solid #1F2A44;border-radius:6px}
.btn{border-radius:8px;border:2px solid #1F2A44;box-shadow:3px 3px 0 #1F2A44;font-family:var(--display);font-size:1.25rem;font-weight:700;padding:10px 22px}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #1F2A44}
.btn-primary{background:var(--pink)}.btn-ghost{background:#fff;color:#1A3EA8}.btn-ghost:hover{background:#1A3EA8;color:#fff}.btn-yellow{background:var(--yellow);color:#1F2A44}
.hero-kicker{background:var(--yellow);border:2px solid #1F2A44;border-radius:6px;font-family:var(--display);font-size:1.1rem;font-weight:700;transform:rotate(-2deg);box-shadow:3px 3px 0 #1F2A44}.hero-kicker i{background:var(--pink)}
.hero-diary{min-height:auto;padding:50px 0 30px}
.hero-diary h1{font-family:var(--display);font-size:clamp(3rem,7vw,6rem);line-height:.95;color:#1A3EA8;margin:20px 0 16px}.hero-diary h1 span{display:block}.hero-diary h1 span:nth-child(2){color:var(--pink);padding-left:.6em}
.hero-diary .lead{color:var(--ink-soft)}.fact b{font-family:var(--display);font-size:1.8rem;color:#1A3EA8}
.diary-scene{height:560px}
.diary{position:absolute;left:50%;bottom:20px;transform:translateX(-50%) rotate(-2deg);width:min(420px,88%);background:#FFFDF6;border:2px solid #1F2A44;box-shadow:6px 6px 0 #1F2A44;padding:18px 18px 22px;background-image:linear-gradient(transparent 27px,#C9D3EE 27px,#C9D3EE 28px);background-size:100% 28px}
.diary-head{display:flex;justify-content:space-between;font-family:var(--display);font-size:1.15rem;color:#1A3EA8;font-weight:700;border-bottom:2px solid #1F2A44;padding-bottom:6px;margin-bottom:8px}
.diary-table{width:100%;border-collapse:collapse}.diary-table th,.diary-table td{border:1px solid #1F2A44;padding:5px 8px;font-size:.9rem;text-align:left;height:28px}.diary-table th{width:34px;font-family:var(--body);color:#1F2A44;background:#EEF2FF}
.hand{font-family:var(--display);font-size:1.25rem;color:#1A3EA8;font-weight:500}.note{color:#33405E;font-size:1.05rem}.mark{font-family:var(--display);color:var(--pink);font-size:1.6rem;font-weight:700;width:34px;text-align:center}
.diary-sign{font-family:var(--display);color:var(--pink);font-size:1.3rem;margin-top:12px;transform:rotate(-1deg)}.diary-sign em{font-style:normal;text-decoration:underline}
.stamp-5{position:absolute;right:-18px;top:-26px;width:74px;height:74px;border:4px solid var(--pink);border-radius:50%;color:var(--pink);font-family:var(--display);font-size:3rem;font-weight:700;display:grid;place-items:center;transform:rotate(14deg);background:rgba(255,255,255,.7)}
.candy img{filter:drop-shadow(3px 3px 0 rgba(31,42,68,.35))}
.ticker{background:#1A3EA8;border-top:3px solid var(--pink);border-bottom:3px solid var(--yellow)}.ticker-track span{font-family:var(--display);font-size:1.3rem;color:#fff}.ticker-track span::after{background:var(--yellow)}
.dir,.set,.step,.trust div,.dcard,.occ,.form-block,.city-card,.faq-item,.post-card,.cfg-step,.cfg-item,.cfg-box-in,.gallery-main,.cert,.chapter,.modal-box{background:var(--surface);border:2px solid #1F2A44;box-shadow:5px 5px 0 #1F2A44;border-radius:8px}
.set:nth-child(3n+1){transform:rotate(-1deg)}.set:nth-child(3n){transform:rotate(1deg)}.set:hover{transform:rotate(0)}
.dir-kids{background:#FFF4C2;color:#1F2A44}.dir-corp{background:#1A3EA8;color:#fff}.dir-corp h3{color:var(--yellow)}.dir-kids h3{color:#1A3EA8}.dir h3{font-size:2rem}.dir .who{font-family:var(--display);font-size:1.1rem}.dir .price{font-family:var(--display);font-size:1.6rem}.dir-corp .btn-ghost{background:#fff;color:#1A3EA8;border-color:#1F2A44}
.set-tag{background:var(--pink);font-family:var(--display);font-size:1rem;border:2px solid #1F2A44;transform:rotate(-3deg)}.set-art{background:#fff!important;border-bottom:2px solid #1F2A44}.set-body h3{font-size:1.5rem}.set-meta b{font-family:var(--display);font-size:1.4rem;color:var(--pink)}.set-meta a,button.link{color:#1A3EA8;font-family:var(--display);font-size:1.15rem}
.step::before{font-family:var(--display);color:var(--pink);font-size:2.6rem}.step time{color:#1A3EA8;font-family:var(--display);font-size:1.1rem}
.story{background:var(--bg-2)}.parallax-word{color:#1A3EA8;opacity:.06;font-family:var(--display)}
.chapter{padding:22px;margin-bottom:16px}.chapter .year{font-family:var(--display);color:var(--pink);font-size:2.4rem;position:static}
.calc{background:#1A3EA8;border:2px solid #1F2A44;box-shadow:6px 6px 0 #1F2A44}.calc h2{color:#fff}.calc h2::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='6'%3E%3Cpath d='M0 3q10-4 20 0t20 0' fill='none' stroke='%23FFD84D' stroke-width='2'/%3E%3C/svg%3E")}
.result{background:#fff;color:#1F2A44;border:2px solid #1F2A44;box-shadow:4px 4px 0 #1F2A44}.result .sub,.result small{color:#7A809A}.result .sum{color:var(--pink);font-family:var(--display);font-size:clamp(2.4rem,4vw,3.4rem)}
.seg{background:rgba(255,255,255,.15)}.seg button[aria-pressed="true"]{background:var(--yellow);color:#1F2A44}
select,.req-form input,.req-form select,.req-form textarea,.cfg-qty-row input[type=number]{border:2px solid #1F2A44;border-radius:6px;background:#fff;color:#1F2A44}.calc select{background:#fff;color:#1F2A44}input[type=range]{accent-color:var(--pink)}
.trust div{border-left:6px solid var(--pink)!important}
.faq-item{padding:6px 18px;margin-bottom:12px}.faq-item summary{font-family:var(--display);font-size:1.4rem;color:#1A3EA8}.faq-item summary::after{color:var(--pink)}
.site-footer{background:#1F2A44;color:#DDE3F5;border-top:4px solid var(--pink)}.foot h4,.foot-cities h4{color:var(--yellow);font-family:var(--display);font-size:1.2rem}.foot a,.foot-cities a{color:#DDE3F5}.foot a:hover{color:var(--yellow)}.copy{color:#9AA3C4;border-color:#3a4666}.site-footer .logo{color:#fff}
.modal-box h3{font-size:2rem;color:#1A3EA8}
.page-head h1{font-family:var(--display);font-size:clamp(2.6rem,6vw,4.6rem);color:#1A3EA8;line-height:1}.crumbs a,.crumbs li{font-family:var(--display);font-size:1.05rem}
.chip,.cfg-tabs button,.pager a{border:2px solid #1F2A44;box-shadow:2px 2px 0 #1F2A44;background:#fff;color:#1A3EA8;font-family:var(--display);font-size:1.1rem;font-weight:700}.chip.on,.chip:hover,.cfg-tabs button.on,.pager a.on{background:var(--pink);color:#fff;border-color:#1F2A44}
.cfg-summary{background:#1A3EA8;border:2px solid #1F2A44;box-shadow:6px 6px 0 #1F2A44}.cfg-sum-grand b{color:var(--yellow);font-family:var(--display);font-size:2rem}.cfg-step h3{font-size:1.7rem}.cfg-step h3 span{background:var(--pink);border:2px solid #1F2A44;font-family:var(--body);font-size:.9rem}.cfg-item{box-shadow:none;transform:none}.cfg-item.picked{background:#FFF4C2}.cfg-qty button{border:2px solid #1F2A44;background:#fff;color:#1F2A44}.cfg-box input:checked+.cfg-box-in{background:#FFF4C2;border-color:#1F2A44!important}.cfg-box-in b{font-family:var(--display);font-size:1.3rem}.cfg-box-in em,.cfg-item-p{color:var(--pink)}
.cta-band{background:var(--yellow);color:#1F2A44;border:2px solid #1F2A44;box-shadow:6px 6px 0 #1F2A44}.cta-band h2{color:#1A3EA8;font-size:2.2rem}.cta-band h2::after{display:none}.cta-band p{color:#33405E}.cta-band .btn{background:var(--pink);color:#fff}
.product-info h1{font-family:var(--display);font-size:clamp(2.4rem,5vw,4rem);color:#1A3EA8;line-height:1}.product-price b{font-family:var(--display);font-size:2rem;color:var(--pink)}.comp li::before{background:var(--pink)}.set-tag.static{transform:none}
.city-facts b{font-family:var(--display);font-size:1.8rem;color:#1A3EA8}.city-card b{font-family:var(--display);font-size:1.4rem;color:#1A3EA8}.city-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #1F2A44;border-color:#1F2A44}
.gallery-thumbs button{border:2px solid #1F2A44;border-radius:6px}.gallery-thumbs button.on{border-color:var(--pink)}
.prose h2{font-size:clamp(1.8rem,3.4vw,2.6rem)}.prose h3{font-size:1.5rem}.prose a{color:var(--pink)}.prose th{background:#EEF2FF}.prose td,.prose th{border-color:#1F2A44}
.post-body h2{font-size:1.6rem}.post-body h2::after{display:none}.post-body h2 a{color:#1A3EA8}.post-ph{background:#EEF2FF;opacity:1;background-image:linear-gradient(transparent 19px,#C9D3EE 19px,#C9D3EE 20px);background-size:100% 20px}
.post-content blockquote{border:2px solid #1F2A44;background:#FFF4C2;font-family:var(--display);font-size:1.3rem;font-style:normal}
.cert-pdf{background:var(--pink);border:2px solid #1F2A44}
.form-msg.ok{background:#E3F6E8;color:#146B3A;border:2px solid #146B3A}.form-msg.err{background:#FDE2E4;color:#8E1B2A;border:2px solid #8E1B2A}
.skip{background:#1A3EA8}
