/* 2a Rehber — sayfaya özel stiller */
/* ===== REHBER (tek rehber, uzun okuma) ===== */
[id]{scroll-margin-top:100px}

/* başlık */
.r-head{padding-top:44px}
.r-top{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px 72px;align-items:end}
.crumb{margin-bottom:22px;font-size:13.5px;color:#8A827C}
.crumb a{border-bottom:1px solid transparent;transition:border-color .15s,color .15s}
.crumb a:hover{color:#0D0D0D;border-bottom-color:#0D0D0D}
.r-top h1{font-size:60px;line-height:1;font-weight:810;font-stretch:104%;letter-spacing:-.03em;max-width:880px;text-wrap:balance}
.dek{margin-top:22px;font-size:20px;line-height:1.55;color:#3A3431;max-width:760px;text-wrap:pretty}
.byline{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:28px;font-size:14.5px;color:#4A4440}
.who{display:flex;align-items:center;gap:12px}
.av{position:relative;display:block;width:40px;height:40px;border-radius:8px;background:#0D0D0D;flex:none}
.av i{position:absolute;inset:11px 9px;background:#FF8A5B;-webkit-mask:url(../../img/io-mark.svg) center/contain no-repeat;mask:url(../../img/io-mark.svg) center/contain no-repeat}
.who b{display:block;font-size:15px;font-weight:700;color:#0D0D0D}
.who span{display:block;font-size:13px;color:#8A827C}
.bm{display:inline-flex;align-items:center;gap:8px}
.bm i{font-size:17px;color:#6F6863}
.bm .num{font-size:13.5px}
.r-badge{display:flex;flex-direction:column;align-items:flex-start;padding:22px 0 0;border-top:1.5px solid #0D0D0D}
.r-badge .row{display:flex;align-items:center;gap:16px}
.ring{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;border:1.5px dashed #BFB6AF;color:#8A827C;font-size:24px;flex:none}
.r-badge b{display:block;font-size:16px;font-weight:700}
.r-badge .rt span{display:block;margin-top:2px;font-size:13.5px;line-height:1.45;color:#6F6863}
.r-acts{display:flex;gap:8px;margin-top:18px;width:100%}
.r-acts .btn{flex:1}

/* altı durak içinde konum */
.mp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:40px;padding-top:26px;border-top:1px solid #EEE8E3}
.mp a{position:relative;display:block;padding-right:18px}
.mp a::before{content:"";position:absolute;top:8px;left:18px;right:0;height:2px;background:#0D0D0D}
.mp a.now::before,.mp a.todo::before{background:repeating-linear-gradient(90deg,#CFC6BF 0 6px,transparent 6px 12px)}
.mp a:last-child::before{display:none}
.mp .nd{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#0D0D0D;color:#FFFFFF;font-size:12px;transition:box-shadow .18s ease}
.mp .now .nd{background:#FFFFFF;box-shadow:inset 0 0 0 2.5px #FF8A5B}
.mp .todo .nd{background:#FFFFFF;box-shadow:inset 0 0 0 2px #CFC6BF}
.mp a:hover .nd{box-shadow:0 0 0 5px #F1EBE6}
.mp .now:hover .nd{box-shadow:inset 0 0 0 2.5px #FF8A5B,0 0 0 5px rgba(255,138,91,.2)}
.mp .todo:hover .nd{box-shadow:inset 0 0 0 2px #8A827C,0 0 0 5px #F1EBE6}
.mp small{display:block;margin-top:12px;font-size:11.5px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#8A827C}
.mp b{display:block;margin-top:3px;font-size:14.5px;line-height:1.3;font-weight:650;color:#0D0D0D}
.mp .now small{color:#0D0D0D}
.mp .now small::after{content:"buradasın";margin-left:8px;padding:2px 6px;border-radius:4px;background:#FF8A5B;font-size:10.5px;letter-spacing:.06em;vertical-align:1px}
.mp .todo b{color:#6F6863;font-weight:600}
.mp-cap{display:none}

/* gövde + sağda içindekiler */
.rg{counter-reset:ck}
.r-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:72px;padding-top:64px;padding-bottom:96px}
.art{min-width:0}
.art > section + section{margin-top:72px}
.art h2{max-width:760px;margin-bottom:18px;font-size:33px;line-height:1.12;font-weight:780;letter-spacing:-.022em;text-wrap:balance}
.art p{max-width:740px;font-size:18px;line-height:1.72;color:#2C2724;text-wrap:pretty}
.art p + p{margin-top:18px}
.art p b{font-weight:680;color:#0D0D0D}
.art .first{font-size:21px;line-height:1.6;color:#0D0D0D}
.tips{list-style:none;max-width:740px;margin:24px 0 0;padding:0}
.tips li{position:relative;padding-left:30px;font-size:17.5px;line-height:1.65;color:#2C2724}
.tips li + li{margin-top:12px}
.tips li::before{content:"";position:absolute;left:3px;top:.68em;width:8px;height:8px;background:#FF8A5B}
.tips li b{font-weight:680;color:#0D0D0D}

.note{max-width:740px;margin:32px 0;padding:24px 26px;border-radius:10px;background:#FCEADE}
.art .note .k{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0D0D0D}
.note .k i{font-size:16px}
.art .note p{font-size:17px;line-height:1.62;color:#1F1B19}
.art .note .k + p{margin-top:0}
.note.warn{background:#FFFFFF;border:1px solid #E7E0DA}
.note.warn .k i{color:#FF8A5B}
.note.dark{background:#0D0D0D;color:#FFF7F7}
.note.dark .k{color:#FF8A5B}
.art .note.dark p{color:rgba(255,247,247,.84)}
.art .note.dark p b{color:#FFF7F7}

.pq{max-width:740px;margin:40px 0}
.pq blockquote{margin:0;font-size:25px;line-height:1.42;font-weight:620;letter-spacing:-.012em;color:#0D0D0D;text-wrap:pretty}
.pq blockquote::before{content:"“";display:block;height:34px;font-size:70px;line-height:1;font-weight:800;color:#FF8A5B}
.pq figcaption{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:16px;font-size:14px;color:#6F6863}
.pq figcaption b{color:#0D0D0D;font-weight:650}
.pq .sample{margin-left:6px;vertical-align:0}

/* on dakikalık akış (oranlı) */
.tl{margin:40px 0 8px;padding-top:24px;border-top:1.5px solid #0D0D0D}
.tl-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}
.tl-h b{font-size:15.5px;font-weight:680}
.tl-h span{font-size:13.5px;color:#8A827C}
.tl-bar{display:grid;grid-template-columns:5fr 15fr 40fr 30fr 10fr;gap:3px}
.tl-bar i{height:20px;border-radius:2px;background:var(--c)}
.tl-ticks{position:relative;height:20px;margin-top:8px;font-size:11.5px;color:#8A827C}
.tl-ticks span{position:absolute;top:0;white-space:nowrap;transform:translateX(-50%)}
.tl-ticks span:first-child{transform:none}
.tl-ticks span:last-child{transform:translateX(-100%)}
.tl-leg{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:22px;margin-top:22px}
.tl-leg > div{padding-top:12px;border-top:4px solid var(--c)}
.tl-leg .t{display:block;font-size:13px;color:#6F6863}
.tl-leg b{display:block;margin-top:4px;font-size:16.5px;line-height:1.25;font-weight:720}
.art .tl-leg p{margin-top:6px;font-size:14px;line-height:1.5;color:#5E5752}

/* son ekran örneği */
.es{margin:36px 0 0}
.es-scr{position:relative;overflow:hidden;padding:44px 44px 36px;border-radius:10px;background:#0D0D0D;color:#FFF7F7}
.es-art{position:absolute;right:0;top:0;width:46%;height:calc(100% - 3px)}
.es-art .w{fill:none;stroke:#FFF7F7;stroke-linecap:round}
.es-scr::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#FF8A5B}
.art .es-k{position:relative;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,247,247,.5)}
.art .es-h{position:relative;margin-top:14px;font-size:30px;line-height:1.12;font-weight:790;letter-spacing:-.02em;color:#FFF7F7}
.art .es-p{position:relative;margin-top:10px;font-size:17px;line-height:1.55;color:rgba(255,247,247,.75);max-width:520px}
.es-b{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.es-b .btn{cursor:default}
.art .es-l{position:relative;margin-top:22px;font-size:13.5px;color:rgba(255,247,247,.46)}
.es figcaption{margin-top:12px;font-size:14px;color:#6F6863}

/* form soruları */
.ql{list-style:none;max-width:740px;margin:26px 0 0;padding:0;border-top:1.5px solid #0D0D0D}
.ql li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:15px 0;border-bottom:1px solid #EEE8E3}
.ql .num{font-size:14px;color:#8A827C;padding-top:2px}
.ql b{display:block;font-size:17px;line-height:1.4;font-weight:680;color:#0D0D0D}
.ql span.w{display:block;margin-top:3px;font-size:14px;color:#6F6863}
.inl{display:inline-flex;align-items:center;gap:6px;margin-top:22px;font-weight:650;font-size:15.5px;border-bottom:1.5px solid #0D0D0D;padding-bottom:2px}

/* next fest evreleri */
.phases{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:28px;margin-top:30px}
.phases > div{padding-top:16px;border-top:1.5px solid #0D0D0D}
.art .ph-k{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0D0D0D}
.ph-k i{width:8px;height:8px;background:var(--c)}
.phases ul{list-style:none;margin:14px 0 0;padding:0}
.phases li{padding:10px 0;border-bottom:1px solid #F1EBE6;font-size:15px;line-height:1.5;color:#2C2724}
.phases li:last-child{border-bottom:0}

/* kendin dene: gerçek demolar */
.try{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:28px}
.tg{display:block;border-radius:8px}
.tg img{width:100%;aspect-ratio:460/215;object-fit:cover;border-radius:6px;background:#EEE8E3}
.tg b{display:block;margin-top:12px;font-size:16px;line-height:1.3;font-weight:700;color:#0D0D0D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg span{display:block;margin-top:2px;font-size:13.5px;color:#7A726C}
.tg .dm{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:650;color:#0D0D0D}
.tg .dm::before{content:"";width:7px;height:7px;border-radius:50%;background:#FF8A5B}
.tg:hover b{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.src{margin-top:16px;font-size:13px;color:#8A827C}
.art p.src{font-size:13px;line-height:1.5;color:#8A827C}

/* kontrol listesi */
.cks{max-width:760px;margin-top:26px;border-top:1.5px solid #0D0D0D}
.ck{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:16px;align-items:start;margin:0 -16px;padding:18px 16px;border-radius:6px;cursor:pointer;transition:background .15s ease}
.ck::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:1px;background:#EEE8E3}
.ck:hover{background:#FAF6F2}
.ck input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.ck input:checked{counter-increment:ck}
.ck .bx{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:1px;border:1.5px solid #A39B95;border-radius:4px;background:#FFFFFF;color:transparent;font-size:15px;transition:background .15s,border-color .15s,color .15s}
.ck:hover .bx{border-color:#0D0D0D}
.ck input:checked + .bx{background:#0D0D0D;border-color:#0D0D0D;color:#FFFFFF}
.ck input:focus-visible + .bx{outline:2px solid #FF8A5B;outline-offset:2px}
.ck .tx b{display:block;font-size:17.5px;line-height:1.4;font-weight:680;color:#0D0D0D;transition:color .15s}
.ck .tx span{display:block;margin-top:3px;font-size:14.5px;line-height:1.5;color:#6F6863}
.ck input:checked ~ .tx b{color:#6F6863}

/* sağ: yapışkan içindekiler */
.toc-col{min-width:0}
.toc{position:sticky;top:100px;padding-top:18px;border-top:1.5px solid #0D0D0D}
.toc-h{margin-bottom:10px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0D0D0D}
.toc-l{list-style:none;margin:0;padding:0}
.toc-l a{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:6px;padding:7px 0;font-size:14.5px;line-height:1.4;color:#5E5752;transition:color .15s}
.toc-l a .num{font-size:12px;color:#A39B95;padding-top:1px;transition:color .15s}
.toc-l a:hover{color:#0D0D0D}
.toc-l a:hover .num{color:#FF8A5B}
.toc-p{margin-top:18px;padding:18px;border-radius:10px;background:#FFF7F7;border:1px solid #F1E6DF}
.toc-p .row{display:flex;align-items:baseline;gap:10px}
.toc-p .row b{font-size:26px;line-height:1;font-weight:500}
.toc-p .row > span{font-size:13.5px;color:#6F6863}
.cnt::before{content:counter(ck)}
.tp{display:grid;grid-template-columns:repeat(var(--n,6),1fr);gap:3px;margin-top:12px}
.tp i{height:6px;background:#E7DED7;transition:background .15s}
.toc-go{display:inline-flex;margin-top:14px;font-size:14px;font-weight:650;border-bottom:1.5px solid currentColor;padding-bottom:1px}
.toc-t{display:flex;flex-direction:column;margin-top:14px}
.toc-t a{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #F1EBE6;font-size:14px;color:#2C2724}
.toc-t a:last-child{border-bottom:0}
.toc-t a i{font-size:16px;color:#8A827C}
.toc-t a:hover{color:#0D0D0D}
.toc-m{display:none}

/* rozet bandı */
.bband{background:#0D0D0D;color:#FFF7F7}
.bband a:hover{color:inherit}
.bband .eyebrow{color:rgba(255,247,247,.55)}
.bb{display:grid;grid-template-columns:120px minmax(0,1fr) 340px;gap:32px 48px;align-items:center;padding-top:64px;padding-bottom:64px}
.bb .ring{width:112px;height:112px;border-color:rgba(255,247,247,.34);color:rgba(255,247,247,.5);font-size:42px;transition:background .25s,border-color .25s,color .25s,transform .25s}
.bb .rz-l{margin-top:10px;width:112px;text-align:center;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,247,247,.5)}
.bb h2{font-size:34px;line-height:1.1;font-weight:790;letter-spacing:-.022em;text-wrap:balance}
.bb-t p.d{margin-top:12px;font-size:16.5px;line-height:1.55;color:rgba(255,247,247,.7);max-width:560px}
.bb-r{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.bb-r p{font-size:15px;line-height:1.5;color:rgba(255,247,247,.72)}
.bb-r p b{color:#FFF7F7;font-weight:650}
.bb-r .num{font-size:15px}
.rg:has(.ck input:not(:checked)) .st-ok{display:none}
.rg:not(:has(.ck input:not(:checked))) .st-pend{display:none}
.rg:has(.ck input:not(:checked)) .bb-r .js-guide-done:not(.on){background:transparent;color:rgba(255,247,247,.5);box-shadow:inset 0 0 0 1px rgba(255,247,247,.24);pointer-events:none}
.rg:not(:has(.ck input:not(:checked))) .bb .ring{background:#FF8A5B;border:1.5px solid #FF8A5B;color:#0D0D0D;transform:rotate(-6deg)}
.rg:not(:has(.ck input:not(:checked))) .bb .rz-l{color:#FF8A5B}

/* önceki / sonraki + ilgili */
.r-end{padding-top:72px;padding-bottom:104px}
.pn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pn-i{display:flex;flex-direction:column;gap:6px;padding:24px 24px 26px;border:1px solid #E7E0DA;border-radius:10px}
.pn-i small{font-size:12.5px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#8A827C}
.pn-i b{font-size:23px;line-height:1.2;font-weight:760;letter-spacing:-.015em;color:#0D0D0D}
.pn-i span{font-size:14px;color:#6F6863}
.pn-i.nx{align-items:flex-end;text-align:right}
.rel{margin-top:88px}
.rel-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;margin:0 -16px;border-top:0}
.rel-w{border-top:1.5px solid #0D0D0D}
.gi{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 56px;column-gap:20px;align-content:start;padding:22px 16px 24px;border-radius:6px;transition:background .15s ease}
.gi::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:1px;background:#EEE8E3}
.gi:hover{background:#FAF6F2}
.gi-k{grid-column:1;font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#8A827C}
.gi b{grid-column:1;margin-top:7px;font-size:19px;line-height:1.28;font-weight:720;letter-spacing:-.01em;color:#0D0D0D;text-wrap:pretty}
.gi .s{grid-column:1;margin-top:6px;font-size:15px;line-height:1.5;color:#5E5752}
.gi .t{grid-column:2;grid-row:1 / span 3;text-align:right;font-size:13px;color:#6F6863;white-space:nowrap}

/* ===== WordPress eklemeleri ===== */
/* içindekiler hedef vurgusu ve kontrol listesi dilimleri gerçek başlıklardan single-rehber.php'de üretilir */
.bband .btn-coral:hover{color:#0D0D0D}
.bb-r .js-guide-done.on{background:transparent;color:#FF8A5B;box-shadow:inset 0 0 0 1.5px #FF8A5B}
.bb-r .js-guide-done.on:hover{color:#FFF7F7;box-shadow:inset 0 0 0 1.5px #FFF7F7}
.r-badge.on .ring{background:#FF8A5B;border:1.5px solid #FF8A5B;color:#0D0D0D;transform:rotate(-6deg)}
.mp a:not([href]){cursor:default}
.rel.first{margin-top:0}
/* editörden gelen düz HTML */
.art strong{font-weight:680;color:#0D0D0D}
.art .note.dark strong{color:#FFF7F7}
.art h3{max-width:760px;margin:36px 0 12px;font-size:22px;line-height:1.25;font-weight:740;letter-spacing:-.012em;text-wrap:balance}
.art h2 + h3{margin-top:8px}
.art .tips + p,.art .note + p,.art .ql + p,.art .phases + p,.art figure + p,.art .doc + p{margin-top:24px}
.art p a,.art li a{border-bottom:1.5px solid #FF8A5B;transition:border-color .15s}
.art p a:hover,.art li a:hover{border-bottom-color:#0D0D0D}
.art ol:not([class]){max-width:740px;margin:24px 0 0;padding-left:22px;font-size:17.5px;line-height:1.65;color:#2C2724}
.art ol:not([class]) li + li{margin-top:10px}
.art blockquote{max-width:740px;margin:40px 0;padding:0}
.art blockquote p{font-size:23px;line-height:1.42;font-weight:620;letter-spacing:-.012em;color:#0D0D0D}
.art blockquote::before{content:"“";display:block;height:34px;font-size:70px;line-height:1;font-weight:800;color:#FF8A5B}
.art img{height:auto;border-radius:8px}
.art figure:not([class]){margin:32px 0}
.art figcaption:not([class]){margin-top:10px;font-size:14px;color:#6F6863}
.art .note p + p{margin-top:10px}
/* kopyalanabilir şablon (e-posta vb.) */
.doc{position:relative;max-width:740px;margin:28px 0 8px;padding:26px 28px 22px;border:1px solid #E7E0DA;border-radius:10px;background:#FFFFFF;box-shadow:0 14px 26px -22px rgba(13,13,13,.4)}
.doc-b p{font-size:15.5px;line-height:1.6;color:#3A3431}
.art .doc-b p + p{margin-top:8px}
.art .doc-b p:first-child{padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid #EEE8E3;color:#6F6863}
.art .doc-b p:first-child strong{color:#0D0D0D;font-weight:650}
.ph{padding:0 3px;border-radius:2px;background:rgba(255,138,91,.24);color:#0D0D0D}
.doc-copy{margin-top:18px}
.ql .num{font-family:'IO Arrows','Martian Mono',ui-monospace,monospace}
.ph-l{list-style:none;margin:14px 0 0;padding:0}

@media (max-width:1100px){
  .r-top{grid-template-columns:minmax(0,1fr) 260px;gap:32px 40px}
  .r-body{grid-template-columns:minmax(0,1fr) 260px;gap:48px}
  .try{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bb{grid-template-columns:112px minmax(0,1fr)}
  .bb-r{grid-column:2}
}
@media (max-width:900px){
  .r-head{padding-top:28px}
  .r-top{grid-template-columns:minmax(0,1fr)}
  .r-top h1{font-size:36px}
  .dek{font-size:17.5px}
  .byline{gap:12px 20px}
  .r-badge{display:none}
  .mp{margin-top:28px;padding-top:20px}
  .mp a{padding-right:8px}
  .mp a::before{left:18px}
  .mp small,.mp b{display:none}
  .mp-cap{display:block;margin-top:14px;font-size:14px;color:#4A4440}
  .mp-cap b{color:#0D0D0D;font-weight:650}
  .r-body{grid-template-columns:minmax(0,1fr);padding-top:36px;padding-bottom:64px}
  .toc-col{display:none}
  .toc-m{display:block;margin-bottom:40px;border-top:1.5px solid #0D0D0D;border-bottom:1px solid #EEE8E3}
  .toc-m summary{display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;list-style:none}
  .toc-m summary::-webkit-details-marker{display:none}
  .toc-m .toc-l{padding-bottom:12px}
  .art > section + section{margin-top:56px}
  .art h2{font-size:26px}
  .art p{font-size:17px}
  .art .first{font-size:18.5px}
  .tips li{font-size:16.5px}
  .note{padding:20px}
  .pq blockquote{font-size:20px}
  .tl-leg{grid-template-columns:minmax(0,1fr);gap:0;margin-top:14px}
  .tl-leg > div{display:grid;grid-template-columns:86px minmax(0,1fr);column-gap:12px;padding:12px 0 12px 14px;border-top:0;border-left:4px solid var(--c);border-bottom:1px solid #F1EBE6}
  .tl-leg .t{grid-row:1 / span 2;padding-top:2px}
  .tl-leg b{margin-top:0}
  .tl-ticks span:not(:first-child):not(:last-child):not(.mid){display:none}
  .es-scr{padding:30px 22px 26px}
  .es-art{display:none}
  .art .es-h{font-size:24px}
  .phases{grid-template-columns:minmax(0,1fr);gap:20px}
  .try{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
  .tg b{font-size:14.5px}
  .bb{grid-template-columns:minmax(0,1fr);padding-top:48px;padding-bottom:48px}
  .bb-r{grid-column:1}
  .bb h2{font-size:26px}
  .r-end{padding-top:48px;padding-bottom:64px}
  .pn{grid-template-columns:minmax(0,1fr)}
  .pn-i.nx{align-items:flex-start;text-align:left}
  .pn-i b{font-size:19px}
  .rel{margin-top:56px}
  .rel-g{grid-template-columns:minmax(0,1fr)}
  .art h3{font-size:20px}
  .art blockquote p{font-size:19px}
  .doc{padding:20px 18px 18px}
}