/* MEGATEK Rehber — blog */
.bhero{position:relative;padding:clamp(120px,16vw,190px) 0 clamp(60px,8vw,120px);overflow:hidden;background:radial-gradient(ellipse 55% 60% at 85% 0%,rgba(255,90,31,.12),transparent 60%),radial-gradient(ellipse 60% 70% at 10% 0%,rgba(125,163,200,.14),transparent 60%),linear-gradient(180deg,#16212e,#111a24 70%)}
.bhero .wm{right:-4vw;top:-4%;opacity:.1}
.bhero__t{font-size:clamp(2.4rem,6.4vw,5.6rem);line-height:.98;letter-spacing:-.045em;font-weight:600;color:var(--head);max-width:16ch}
.btools{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:2.4rem 0 2rem}.btools .chips{margin:0}
.bsearch{display:flex;align-items:center;gap:.6rem;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line2);padding:0 1rem;height:46px;min-width:min(100%,280px)}.bsearch svg{width:18px;height:18px;fill:none;stroke:var(--mut);stroke-width:2;stroke-linecap:round}.bsearch input{border:0;outline:0;background:none;font:inherit;color:var(--fg);width:100%}.bsearch:focus-within{box-shadow:inset 0 0 0 2px var(--o)}
.bfeat{--h1:#b4501b;--h2:#78321a;display:grid;grid-template-columns:1.1fr 1fr;background:var(--card);box-shadow:var(--shadow),0 0 0 1px var(--line);margin-bottom:1.2rem;position:relative;overflow:hidden;clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,0 100%);transition:transform .5s var(--ease)}
.bfeat[data-hue=b]{--h1:#3b5c80;--h2:#1f3550}.bfeat:hover{transform:translateY(-4px)}
.bfeat__art{min-height:300px;background:linear-gradient(120deg,var(--h1),var(--h2));position:relative;overflow:hidden}.bfeat__art svg{position:absolute;right:-6%;top:50%;width:80%;transform:translateY(-50%) rotate(-8deg);fill:rgba(255,255,255,.26);transition:transform .8s var(--ease)}.bfeat:hover .bfeat__art svg{transform:translateY(-50%) rotate(2deg) scale(1.08)}
.bfeat__art em{position:absolute;left:1.2rem;bottom:1rem;font-style:normal;font-family:var(--m);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(8,13,19,.5);padding:.3rem .7rem}
.bfeat__b{padding:clamp(1.4rem,3vw,2.6rem);display:flex;flex-direction:column;gap:1rem;justify-content:center}.bfeat__b h2{font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.08;letter-spacing:-.03em;font-weight:600;color:var(--head)}.bfeat__b p{color:var(--mut)}.bfeat__b .mono{color:var(--o)}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.bgrid .bcard h3{font-size:1.15rem}.bgrid .bcard__art{height:110px}.bgrid .bcard p{color:var(--mut);font-size:.88rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bempty{padding:3rem 0;color:var(--mut);text-align:center}

/* article */
.art__hero{position:relative;overflow:hidden;padding:clamp(120px,15vw,180px) 0 clamp(50px,7vw,90px);color:#fff;background:radial-gradient(ellipse 55% 90% at 92% 0%,rgba(255,90,31,.3),transparent 65%),linear-gradient(120deg,#1f2f43,#0e1721);box-shadow:inset 0 -1px 0 var(--line)}
.art__hero[data-hue=b]{background:radial-gradient(ellipse 55% 90% at 92% 0%,rgba(125,163,200,.3),transparent 65%),linear-gradient(120deg,#1f2f43,#0e1721)}
.art__hero .wm{fill:var(--o);opacity:.1;right:-6vw;top:-10%;width:min(60vw,720px)}
.art__hero h1{font-size:clamp(2.2rem,5.6vw,4.8rem);line-height:1;letter-spacing:-.04em;font-weight:600;max-width:20ch;margin-top:1rem;text-wrap:balance}
.art__ex{font-size:clamp(1.05rem,1.5vw,1.3rem);max-width:52ch;margin-top:1.2rem;opacity:.92}
.art__meta{display:flex;gap:1rem;flex-wrap:wrap;opacity:.95;margin-top:1.6rem}.art__meta span{background:rgba(255,255,255,.09);padding:.3rem .7rem}
.art__back{display:inline-flex;gap:.5rem;font-family:var(--m);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:.5rem 0;color:#fff;opacity:.9}.art__back:hover{opacity:1;text-decoration:underline}
.art__wrap{display:grid;grid-template-columns:240px minmax(0,720px);gap:clamp(30px,5vw,80px);padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(30px,5vw,60px);justify-content:center}
.toc{position:sticky;top:96px;align-self:start;font-size:.88rem}.toc p{color:var(--o);margin-bottom:1rem}.toc ol{list-style:none;display:grid;gap:.1rem;border-left:2px solid var(--line)}.toc a{display:block;padding:.45rem 0 .45rem 1rem;color:var(--mut);margin-left:-2px;border-left:2px solid transparent;transition:.3s}.toc a:hover{color:var(--fg)}.toc a.on{color:var(--head);border-left-color:var(--o);font-weight:600}
.art__body{font-size:clamp(1.02rem,1.2vw,1.14rem);line-height:1.75;color:#c5d0dc}
.art__body p{margin:0 0 1.3rem}.art__body h2{font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.15;letter-spacing:-.025em;color:var(--head);margin:2.4rem 0 1rem;font-weight:600;scroll-margin-top:100px}
.art__body ul{list-style:none;display:grid;gap:.7rem;margin:0 0 1.5rem}.art__body li{position:relative;padding-left:1.6rem}.art__body li::before{content:"";position:absolute;left:0;top:.8em;width:10px;height:3px;background:var(--o)}
.tipbox{margin:2rem 0;padding:1.4rem 1.5rem 1.4rem 1.7rem;background:linear-gradient(135deg,var(--card),rgba(255,90,31,.13));box-shadow:0 0 0 1px var(--line),var(--shadow);position:relative;color:var(--head);font-weight:500;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}.tipbox::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--o)}
.tblwrap{overflow-x:auto;margin:1.6rem 0;box-shadow:0 0 0 1px var(--line)}.tblwrap table{border-collapse:collapse;width:100%;min-width:480px;background:var(--card);font-size:.92rem;line-height:1.4}.tblwrap th{background:#0a1118;color:#fff;text-align:left;padding:.8rem 1rem;font-weight:500}.tblwrap td{padding:.75rem 1rem;border-top:1px solid var(--line)}.tblwrap tr:nth-child(even) td{background:rgba(255,255,255,.03)}.tblwrap td:first-child{font-weight:600;color:var(--head)}
.art__cta{margin:clamp(30px,5vw,60px) 0;padding:clamp(1.6rem,4vw,3rem);background:linear-gradient(120deg,#1b2a3c,#0e1722);box-shadow:inset 4px 0 0 var(--o);color:#fff;display:flex;gap:1.5rem;justify-content:space-between;align-items:center;flex-wrap:wrap;clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,0 100%)}.art__cta h3{font-size:clamp(1.4rem,3vw,2.2rem);letter-spacing:-.03em;max-width:20ch;line-height:1.1}.art__cta .row{display:flex;gap:.7rem;flex-wrap:wrap}
.art__rel{padding:clamp(30px,5vw,60px) 0 clamp(60px,8vw,100px)}.art__rel .h3{margin-bottom:1.4rem}
.art__rel .bs{display:grid;grid-template-columns:repeat(3,1fr)}
@media (max-width:980px){.art__wrap{grid-template-columns:1fr}.toc{display:none}.bgrid,.art__rel .bs{grid-template-columns:1fr 1fr}.bfeat{grid-template-columns:1fr}.bfeat__art{min-height:170px}}
@media (max-width:640px){.bgrid{grid-template-columns:1fr}.art__rel .bs{display:flex}.art__rel .bs .bcard{flex:0 0 78%}.btools{flex-direction:column;align-items:stretch}.chips{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut)}.chips button{flex:none}.art__cta .btn{width:100%;justify-content:space-between}}