/* ===== Devoweb — blog (lista + wpis) ===== */
body.dwb-page{margin:0!important;padding:0!important;background:#F5F5F2!important;font-family:Inter,"Helvetica Neue",Arial,sans-serif!important;-webkit-font-smoothing:antialiased}
.dwb-page *,.dwb-page *::before,.dwb-page *::after{box-sizing:border-box}
.dwb-wrap{width:100%;max-width:1600px;margin:0 auto;padding:0 clamp(20px,5vw,82px)}
.dwb-page a{text-decoration:none}
.dwb-progress{position:fixed;z-index:9999;left:0;top:0;width:100%;height:3px;pointer-events:none}
.dwb-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#FF9A2E,#FF4507 55%,#F65E77)}
/* hero */
.dwb-hero{position:relative;isolation:isolate;overflow:hidden;padding:0 0 clamp(50px,6vw,90px);background:#0b0b0c;color:#f5f5f3}
.dwb-hero::before{position:absolute;z-index:-1;right:2%;top:50%;height:min(86%,640px);aspect-ratio:332/512;background:linear-gradient(135deg,#FF9A2E,#FF4507 55%,#F65E77);opacity:.05;transform:translateY(-40%);-webkit-mask:var(--dw-logo) center/contain no-repeat;mask:var(--dw-logo) center/contain no-repeat;content:""}
.dwb-hero>.nav{position:relative;z-index:60;width:100%;max-width:1600px;margin:0 auto clamp(26px,3.5vw,54px)!important;padding:22px clamp(20px,5vw,82px)!important;border:0!important;background:transparent!important}
@media(max-width:700px){.dwb-hero>.nav{padding:16px 20px!important}}
.dwb-hero>.dw-site-header{margin-bottom:40px}
.dwb-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:26px;color:#8e8e93;font-size:13px}
.dwb-crumbs a{color:#c4c4c6!important;-webkit-text-fill-color:#c4c4c6!important}
.dwb-crumbs a:hover{color:#fff!important;-webkit-text-fill-color:#fff!important}
.dwb-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;color:#c4c4c6;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.dwb-eyebrow--light{color:#5f5f5b}
.dwb-eyebrow .dw-mark,.dwb-author .dw-mark{font-size:15px}
.dwb-page .dw-mark{display:inline-block;width:.65em;height:1em;background:linear-gradient(135deg,#FF9A2E,#FF4507 55%,#F65E77);-webkit-mask:var(--dw-logo) center/contain no-repeat;mask:var(--dw-logo) center/contain no-repeat;vertical-align:middle}
h1.dwb-h1{max-width:1100px;margin:0 0 20px!important;color:#f5f5f3!important;font-family:inherit!important;font-size:clamp(44px,6vw,92px)!important;font-weight:600!important;letter-spacing:-.055em!important;line-height:.98!important;text-transform:none!important}
h1.dwb-h1--post{max-width:1050px;font-size:clamp(34px,4.4vw,64px)!important;line-height:1.04!important;letter-spacing:-.045em!important}
.dwb-dot{background:linear-gradient(135deg,#FF9A2E,#FF4507 55%,#F65E77);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.dwb-lead{max-width:640px;margin:0 0 30px!important;color:#b4b4ba!important;font-size:16px;line-height:1.75}
.dwb-search{display:flex;gap:6px;max-width:560px;margin-bottom:24px;padding:5px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#141416}
.dwb-search:focus-within{border-color:#FF5214;box-shadow:0 0 0 4px rgba(255,82,20,.15)}
.dwb-search input[type=search]{flex:1;min-width:0;height:46px;margin:0!important;padding:0 16px!important;border:0!important;background:transparent!important;color:#fff!important;font:400 15px/1 inherit!important;outline:none!important;box-shadow:none!important}
.dwb-search input::placeholder{color:#7b7b80}
.dwb-search button{height:46px;margin:0!important;padding:0 22px!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#FF9A2E,#FF4507 55%,#F65E77)!important;color:#fff!important;font:600 14px/1 inherit!important;cursor:pointer}
.dwb-cats{display:flex;flex-wrap:wrap;gap:8px}
.dwb-cats a{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#dcdce0!important;-webkit-text-fill-color:#dcdce0!important;font-size:13px;background:transparent!important;transition:border-color .2s}
.dwb-cats a i{color:#8e8e93;font-style:normal;font-size:11px}
.dwb-cats a:hover{border-color:#fff}
.dwb-cats a.is-active{border-color:transparent;background:linear-gradient(135deg,#FF9A2E,#FF4507 55%,#F65E77)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.dwb-cats a.is-active i{color:#fff}
.dwb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;color:#8b8b86;font-size:12.5px}
.dwb-meta--hero{gap:8px 20px;color:#b4b4ba;font-size:14px}
.dwb-author{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:600}
.dwb-chip{display:inline-flex;padding:5px 11px;border-radius:999px;background:#151515!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:11.5px;font-weight:600}
.dwb-chip--dark{margin-bottom:18px;background:linear-gradient(135deg,#FF9A2E,#FF4507 55%,#F65E77)!important}
/* lista */
.dwb-list{padding:clamp(50px,6vw,90px) 0;background:#F5F5F2}
.dwb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.dwb-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #e3e3df;border-radius:18px;background:#fff;transition:transform .3s,box-shadow .3s}
.dwb-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(0,0,0,.07)}
.dwb-card__img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#151517}
.dwb-card__img img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.dwb-card:hover .dwb-card__img img{transform:scale(1.04)}
.dwb-card__ph{display:grid;place-items:center;width:100%;height:100%;background:#151517;background-image:radial-gradient(circle at 20% 20%,rgba(255,90,20,.35),transparent 55%)}
.dwb-card__ph .dw-mark{font-size:54px}
.dwb-card__body{display:flex;flex-direction:column;flex:1;padding:22px 22px 24px}
h2.dwb-card__title{margin:12px 0 10px!important;font-family:inherit!important;font-size:20px!important;font-weight:600!important;line-height:1.25!important;letter-spacing:-.025em!important;text-transform:none!important}
.dwb-card__title a{color:#151515!important;-webkit-text-fill-color:#151515!important;background:transparent!important}
.dwb-card__title a:hover{color:#FF4507!important;-webkit-text-fill-color:#FF4507!important}
.dwb-card__ex{margin:0 0 18px!important;color:#5b5b5b;font-size:14.5px;line-height:1.65}
.dwb-card__more{margin-top:auto;color:#FF4507!important;-webkit-text-fill-color:#FF4507!important;font-size:13.5px;font-weight:600;background:transparent!important}
.dwb-card--big{grid-column:1/-1;display:grid;grid-template-columns:1.15fr .85fr}
.dwb-card--big .dwb-card__img{aspect-ratio:auto;min-height:340px}
.dwb-card--big .dwb-card__body{justify-content:center;padding:clamp(26px,3.5vw,52px)}
.dwb-card--big h2.dwb-card__title{font-size:clamp(26px,2.6vw,38px)!important;letter-spacing:-.04em!important}
.dwb-card--big .dwb-card__ex{font-size:16px}
.dwb-pag{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:48px}
.dwb-pag .page-numbers{display:grid;place-items:center;min-width:46px;height:46px;padding:0 14px;border:1px solid #d6d6d1;border-radius:999px;background:#fff!important;color:#151515!important;-webkit-text-fill-color:#151515!important;font-size:14px;font-weight:600}
.dwb-pag .page-numbers:hover{border-color:#151515}
.dwb-pag .page-numbers.current{border-color:transparent;background:#151515!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.dwb-pag .page-numbers.dots{border:0;background:transparent!important}
.dwb-empty{padding:60px 0;text-align:center}
.dwb-empty h2{margin:0 0 10px!important;font-size:28px!important}
.dwb-btn,.dwb-page a.dwb-btn{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 22px;border-radius:999px;background:linear-gradient(135deg,#FF9A2E,#FF4507 55%,#F65E77)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:14px;font-weight:600;text-shadow:0 1px 2px rgba(110,25,0,.28)}
.dwb-ghost{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border:1px solid #c9c9c5;border-radius:999px;color:#151515!important;-webkit-text-fill-color:#151515!important;font-size:14px;font-weight:600;background:transparent!important}
.dwb-ghost:hover{background:#151515!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
/* wpis */
.dwb-hero--post{padding-bottom:clamp(60px,8vw,130px)}
.dwb-cover{position:relative;z-index:2;margin-top:clamp(-90px,-6vw,-50px);background:linear-gradient(#0b0b0c 50%,#F5F5F2 50%)}
.dwb-cover .dwb-wrap{max-width:1300px}
.dwb-cover__img{display:block;width:100%!important;max-width:none!important;height:auto!important;max-height:620px;object-fit:cover;border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.25)}
.dwb-article{padding:clamp(40px,5vw,80px) 0;background:#F5F5F2}
.dwb-article__grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:start;max-width:1300px}
.dwb-aside{position:sticky;top:24px;display:grid;gap:14px}
.dwb-toc{padding:22px;border:1px solid #e3e3df;border-radius:18px;background:#fff}
.dwb-toc b{display:block;margin-bottom:12px;color:#8b8b86;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.dwb-toc ol{display:grid;gap:2px;max-height:52vh;overflow:auto;margin:0!important;padding:0!important;list-style:none!important}
.dwb-toc li{margin:0!important}
.dwb-toc a{display:block;padding:7px 10px;border-radius:9px;color:#3b3b3b!important;-webkit-text-fill-color:#3b3b3b!important;font-size:13px;line-height:1.4;background:transparent!important}
.dwb-toc a:hover,.dwb-toc a.is-active{background:#F5F5F2!important;color:#151515!important;-webkit-text-fill-color:#151515!important}
.dwb-toc a.is-active{box-shadow:inset 3px 0 0 #FF5214}
.dwb-aside__cta{position:relative;overflow:hidden;padding:24px;border-radius:18px;background:#151517;color:#fff;--dw-notch-bg:#F5F5F2;--dw-notch:64px}
.dwb-aside__cta b{display:block;padding-right:56px;margin-bottom:8px;font-size:17px;line-height:1.3;letter-spacing:-.02em}
.dwb-aside__cta p{margin:0 0 18px!important;color:#b4b4ba;font-size:13.5px}
.dwb-aside__cta .dwb-btn{width:100%;justify-content:center}
.dwb-content{max-width:780px;min-width:0;color:#2b2b2b;font-size:17.5px;line-height:1.85}
.dwb-content>*:first-child{margin-top:0!important}
.dwb-content p{margin:0 0 22px!important;color:#2b2b2b!important;font-size:inherit!important;line-height:inherit!important}
.dwb-content h2{scroll-margin-top:24px;margin:52px 0 18px!important;color:#151515!important;font-family:inherit!important;font-size:clamp(26px,2.4vw,34px)!important;font-weight:600!important;line-height:1.18!important;letter-spacing:-.035em!important;text-transform:none!important}
.dwb-content h3{scroll-margin-top:24px;margin:36px 0 12px!important;color:#151515!important;font-family:inherit!important;font-size:clamp(20px,1.7vw,23px)!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.02em!important;text-transform:none!important}
.dwb-content h4{margin:28px 0 10px!important;font-size:18px!important;font-weight:600!important}
.dwb-content a{color:#FF4507!important;-webkit-text-fill-color:#FF4507!important;text-decoration:underline!important;text-underline-offset:3px;background:transparent!important}
.dwb-content strong{color:#151515;font-weight:600}
.dwb-content ul,.dwb-content ol{margin:0 0 24px!important;padding-left:0!important;list-style:none!important}
.dwb-content li{position:relative;margin:0 0 10px!important;padding-left:28px;line-height:1.7}
.dwb-content ul>li::before{position:absolute;left:4px;top:.72em;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#FF9A2E,#FF4507 55%,#F65E77);content:""}
.dwb-content ol{counter-reset:dwb}
.dwb-content ol>li{counter-increment:dwb}
.dwb-content ol>li::before{position:absolute;left:0;top:0;color:#FF4507;font-weight:700;font-size:15px;content:counter(dwb,decimal-leading-zero)}
.dwb-content blockquote{margin:30px 0!important;padding:22px 26px!important;border:0!important;border-left:3px solid #FF5214!important;border-radius:0 14px 14px 0;background:#fff;color:#151515;font-size:19px;font-style:normal}
.dwb-content img{max-width:100%;height:auto;border-radius:14px}
.dwb-content figure{margin:30px 0!important}
.dwb-content figcaption{margin-top:8px;color:#8b8b86;font-size:13px;text-align:center}
.dwb-content table{width:100%;margin:26px 0!important;border-collapse:separate!important;border-spacing:0;overflow:hidden;border:1px solid #e3e3df!important;border-radius:14px;background:#fff;font-size:15px;line-height:1.5}
.dwb-content .wp-block-table,.dwb-content .dwb-table-wrap{overflow-x:auto;margin:26px 0}
.dwb-content th{padding:14px 16px!important;border:0!important;border-bottom:1px solid #e3e3df!important;background:#151517!important;color:#fff!important;font-weight:600;text-align:left}
.dwb-content td{padding:13px 16px!important;border:0!important;border-bottom:1px solid #ececea!important;color:#2b2b2b;vertical-align:top}
.dwb-content tr:last-child td{border-bottom:0!important}
.dwb-content code{padding:2px 6px;border-radius:6px;background:#ececea;font-size:.9em}
.dwb-content pre{overflow:auto;padding:18px;border-radius:14px;background:#151517;color:#f5f5f3;font-size:14px}
.dwb-tags{display:flex;flex-wrap:wrap;gap:8px;margin:40px 0 0;padding-top:28px;border-top:1px solid #e3e3df}
.dwb-tags a{padding:7px 13px;border:1px solid #d6d6d1;border-radius:999px;color:#3b3b3b!important;-webkit-text-fill-color:#3b3b3b!important;font-size:13px;text-decoration:none!important}
.dwb-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;color:#8b8b86;font-size:13px}
.dwb-share a,.dwb-share button{padding:8px 14px!important;border:1px solid #d6d6d1!important;border-radius:999px!important;background:#fff!important;color:#151515!important;-webkit-text-fill-color:#151515!important;font:500 13px/1.2 inherit!important;text-decoration:none!important;cursor:pointer}
.dwb-share a:hover,.dwb-share button:hover{border-color:#151515!important}
.dwb-related{padding:clamp(50px,6vw,90px) 0;border-top:1px solid #e3e3df;background:#F5F5F2}
.dwb-related__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:34px}
h2.dwb-h2{margin:0!important;color:#151515!important;font-family:inherit!important;font-size:clamp(34px,3.6vw,54px)!important;font-weight:600!important;letter-spacing:-.05em!important;line-height:1!important}
@media(max-width:1100px){.dwb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dwb-card--big{grid-template-columns:1fr}.dwb-card--big .dwb-card__img{min-height:0;aspect-ratio:16/9}}
@media(max-width:960px){.dwb-article__grid{grid-template-columns:1fr}.dwb-aside{position:relative;top:auto;order:2}.dwb-toc{display:none}}
@media(max-width:640px){.dwb-grid,.dwb-grid--3{grid-template-columns:1fr}.dwb-content{font-size:16.5px}.dwb-search button{padding:0 16px!important}}