/*
Theme Name: Matkovsky Editable
Description: Тема персонального сайту Валентина Матковського.
Version: 0.3.1
Text Domain: matkovsky
*/
:root{--ink:#1c1c1a;--paper:#f4f2ed;--orange:#de6539;--line:#ceccc5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{width:min(1320px,calc(100% - 80px));margin:auto}.top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:24px 0;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-weight:700;font-size:20px;line-height:1.1}.brand small{display:block;font-size:10px;letter-spacing:.18em;font-weight:400;text-transform:uppercase;margin-top:6px}.nav{display:flex;gap:28px;align-items:center;font-size:13px}.nav a{text-decoration:none}.nav a:hover{color:var(--orange)}.hero{display:grid;grid-template-columns:1.2fr .8fr;min-height:660px;border-bottom:1px solid var(--line)}.hero-text{padding:95px 7% 90px 0;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:bold}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);margin-right:10px}.hero h1{font-family:Georgia,serif;font-size:clamp(52px,7vw,102px);font-weight:400;letter-spacing:-.055em;line-height:.98;margin:45px 0 30px}.hero p{max-width:490px;font-size:18px;color:#55554f}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;padding:15px 20px;border:1px solid var(--ink);text-decoration:none;font-size:13px;font-weight:bold}.btn.primary{background:var(--ink);color:white}.btn:hover{background:var(--orange);border-color:var(--orange);color:white}.portrait{background:#d9d8d2;min-height:500px;display:flex;align-items:flex-end;padding:28px;position:relative;overflow:hidden}.portrait:before{content:'ВМ';position:absolute;top:10%;left:-3%;font-family:Georgia,serif;font-size:clamp(150px,22vw,350px);letter-spacing:-.12em;color:#c3c2bb;line-height:1}.portrait span{position:relative;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.section{padding:110px 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:54px}.section h2{font:400 clamp(40px,5vw,68px)/1.04 Georgia,serif;letter-spacing:-.04em;margin:0}.sub{font-size:18px;color:#55554f;max-width:620px}.topics{margin-left:33.333%}.topic{border-top:1px solid var(--line)}.topic:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:23px 0;font-size:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:26px;font-weight:300;color:var(--orange)}details[open] summary:after{content:'−'}.topic p{max-width:680px;color:#55554f;margin:0 0 24px}.notice{margin:36px 0 0 33.333%;padding:25px;border-left:3px solid var(--orange);background:#eae8e1}.notice p{margin:5px 0 0}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.price{background:var(--paper);padding:30px;min-height:280px;display:flex;flex-direction:column}.price h3{font:400 29px/1.15 Georgia,serif;margin:30px 0}.price .amount{font-size:21px;margin-top:auto}.price p{color:#55554f;font-size:14px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%}.about p{font-size:19px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.stats strong{display:block;font:40px Georgia,serif}.stats span{font-size:13px}.end{background:var(--ink);color:var(--paper);padding:90px 0}.end h2{font:400 clamp(40px,6vw,76px)/1 Georgia,serif;max-width:850px;margin:28px 0}.end p{color:#c8c7c0}.end a{color:white}.footer{padding:25px 0;font-size:12px;color:#777}.draft{font-size:13px;color:#6b5043;background:#f0e1d7;padding:12px 16px;margin-top:24px;max-width:740px}@media(max-width:800px){.wrap{width:calc(100% - 36px)}.top{align-items:flex-start}.nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.hero{grid-template-columns:1fr}.hero-text{padding:70px 0}.portrait{min-height:260px}.section{padding:70px 0}.section-head,.about{grid-template-columns:1fr;gap:22px}.topics,.notice{margin-left:0}.pricing{grid-template-columns:1fr}.price{min-height:220px}}

/* Keep the layout of editable WordPress groups consistent with the original design. */
.hero-text > .eyebrow p,.price > .eyebrow p,.end .eyebrow p,.section-head > .eyebrow p,.portrait p,.stats p{margin:0}.actions > p{display:contents}.wp-block-group.topic{margin:0}.stats strong{display:block}.stats span{display:block}

/* WordPress wraps groups in an inner container; keep layout children in the original grid and flex contexts. */
.wp-block-group__inner-container{display:contents}

.nav-list{display:flex;align-items:center;justify-content:flex-end;gap:24px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.nav-list li{margin:0;padding:0}@media(max-width:800px){.nav-list{gap:8px 16px}.top{flex-wrap:wrap}.nav{width:100%}.nav-list{justify-content:flex-start}}

