/* Webtasarimi.net.tr Bilgi Bankası v2 · intentionally scoped to the portal. */
body.wtrkb-portal{margin:0;background:#f8fafc;color:#17233c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;padding:0!important}
body.wtrkb-portal *,body.wtrkb-portal *:before,body.wtrkb-portal *:after{box-sizing:border-box}
body.wtrkb-portal .wtrkb-shell img{max-width:100%;height:auto}
body.wtrkb-portal .wtrkb-shell a{text-decoration:none}
body.wtrkb-portal .wtrkb-shell a:hover{text-decoration:none}
body.wtrkb-portal button,body.wtrkb-portal input{font:inherit}
body.wtrkb-portal button{cursor:pointer}
.wtrkb-shell{--ink:#17233c;--muted:#64748b;--purple:#6457f5;--deep:#101b3d;--line:#e4e8f0;--mint:#3de1c0;min-height:100vh}
.wtrkb-container{width:min(1170px,calc(100% - 40px));margin-inline:auto}
.wtrkb-sr,.wtrkb-skip:not(:focus){position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wtrkb-skip:focus{position:fixed;z-index:99999;top:12px;left:12px;background:#fff;color:#111;padding:12px 18px;border-radius:8px}
.wtrkb-header{height:84px;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:100}
.wtrkb-header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}
.wtrkb-brand{display:flex;align-items:center;gap:12px;flex:none;color:var(--ink)!important}
.wtrkb-brand-mark{display:grid;place-items:center;color:#fff;background:#665bf6;border-radius:14px;width:47px;height:47px;font-size:19px;font-weight:900;letter-spacing:-.13em;padding-right:3px;box-shadow:0 8px 19px rgba(100,87,245,.2)}
.wtrkb-brand-name{display:block;font-size:21px;line-height:1.06;font-weight:850;letter-spacing:-.065em}.wtrkb-brand-name>span{color:var(--purple)}.wtrkb-brand-name small{display:block;color:#7c889e;font-weight:600;letter-spacing:.01em;font-size:10.5px;margin-top:6px}
.wtrkb-nav{display:flex;align-items:center;gap:27px}.wtrkb-nav>a{color:#48536b!important;font-size:13.5px;font-weight:650;white-space:nowrap;transition:color .15s}.wtrkb-nav>a:hover,.wtrkb-nav>a[aria-current]{color:var(--purple)!important}
.wtrkb-nav>a.wtrkb-nav-tool{padding:11px 15px;color:#fff!important;background:var(--deep);border-radius:10px}.wtrkb-nav-tool>span{margin-left:5px}
.wtrkb-menu-toggle{display:none;background:none;border:0;padding:8px;flex-direction:column;gap:5px}.wtrkb-menu-toggle span{display:block;width:23px;height:2px;border-radius:4px;background:#1b2540}
.wtrkb-hero{background:radial-gradient(circle at 83% 12%,#303d78 0,transparent 40%),linear-gradient(115deg,#111a35,#182751 75%,#1e3263);color:#fff;overflow:hidden;position:relative}
.wtrkb-hero:before{content:"";pointer-events:none;position:absolute;inset:0;background-image:radial-gradient(circle,#eef2ff 1px,transparent 1px);background-size:28px 28px;opacity:.08;mask-image:linear-gradient(90deg,transparent 20%,#000 100%)}
.wtrkb-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);gap:80px;align-items:center;min-height:560px;padding-block:77px}
.wtrkb-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;font-size:11.5px;border:1px solid rgba(159,173,255,.25);border-radius:50px;color:#cfd8ff;background:rgba(255,255,255,.04);font-weight:700;letter-spacing:.03em}
.wtrkb-eyebrow span{height:7px;width:7px;background:#49dec2;border-radius:50%;box-shadow:0 0 0 4px rgba(73,222,194,.12)}
.wtrkb-hero h1{font-size:clamp(42px,5.2vw,66px)!important;line-height:1.12!important;letter-spacing:-.063em;font-weight:850;margin:26px 0 22px;color:#fff!important}.wtrkb-hero h1 em{font-style:normal;color:#50e4cd}.wtrkb-hero-copy>p{font-size:17px;color:#bdcae2;max-width:640px;line-height:1.82;margin:0 0 26px}
.wtrkb-search{height:62px;background:#fff;border-radius:13px;padding:6px;display:flex;align-items:center;gap:10px;box-shadow:0 18px 38px rgba(5,9,32,.14);max-width:610px}
.wtrkb-search-icon{color:#6e79a3;font-size:31px;line-height:1;margin-left:13px;transform:rotate(-23deg)}
.wtrkb-search input{border:0;background:transparent;outline-offset:3px;color:#1e2b49;width:100%;min-width:0;flex:1;font-size:14px;padding:8px}.wtrkb-search input::placeholder{color:#929db0}
.wtrkb-search button{background:#6358f5;color:#fff;border:0;border-radius:9px;height:49px;min-width:100px;font-weight:750;font-size:14px}.wtrkb-search button:hover{background:#493ed9}
.wtrkb-hero-examples{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:17px;font-size:11.5px;color:#9eb0d7}.wtrkb-hero-examples a{border:1px solid rgba(201,211,247,.22);color:#d3dcf5!important;border-radius:999px;padding:5px 11px}
.wtrkb-hero-panel{border:1px solid rgba(166,185,241,.25);background:#fff;border-radius:18px;box-shadow:0 30px 70px rgba(1,6,25,.3);transform:rotate(1.2deg);overflow:hidden;color:#1c2b44}
.wtrkb-panel-code{height:42px;background:#f1f4fa;border-bottom:1px solid #e5e9f3;display:flex;align-items:center;gap:12px;padding:0 16px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#64748b}
.wtrkb-panel-code>span:last-child{margin-left:auto;color:#6457f5;font-weight:800}.wtrkb-code-dots{display:flex;gap:4px}.wtrkb-code-dots i{height:7px;width:7px;background:#f38a9b;border-radius:50%}.wtrkb-code-dots i:nth-child(2){background:#ffd269}.wtrkb-code-dots i:nth-child(3){background:#46d8af}
.wtrkb-panel-content{padding:30px 29px 20px}.wtrkb-panel-kicker{font-size:10px;color:#7774e8;letter-spacing:.13em;font-weight:800}.wtrkb-panel-content h2{color:#1e2a4c;font-size:25px!important;line-height:1.3;margin:8px 0 24px;font-weight:800;letter-spacing:-.04em}
.wtrkb-panel-content>a{display:flex;align-items:center;gap:13px;color:#24334f!important;padding:14px 0;border-top:1px solid #edf0f5}.wtrkb-panel-content>a>span{background:#efefff;color:#685aff;border-radius:11px;min-width:38px;height:38px;display:grid;place-items:center;font-size:12px;font-weight:800}.wtrkb-panel-content>a>div{flex:1}.wtrkb-panel-content strong{display:block;font-size:13.5px}.wtrkb-panel-content small{display:block;color:#8a96a8;font-size:11px;margin-top:2px}.wtrkb-panel-content b{font-size:17px;color:#98a6c1}
.wtrkb-panel-foot{display:flex;justify-content:space-between;padding:12px 28px;background:#f6f8fc;color:#6a7791;font-size:11px}
.wtrkb-section{padding-block:78px}.wtrkb-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:31px}.wtrkb-kicker{display:inline-block;font-size:11px;letter-spacing:.14em;font-weight:900;color:#6c60e9}.wtrkb-section h2{font-size:clamp(29px,3.2vw,40px)!important;line-height:1.2!important;letter-spacing:-.05em;margin:11px 0;color:#142341;font-weight:820}.wtrkb-section-head p{color:#68768a;line-height:1.7;margin:0}.wtrkb-section-link{font-weight:800;color:#6358ec!important;font-size:13px;flex:none;padding-bottom:6px}
.wtrkb-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.wtrkb-topic{position:relative;display:block;background:#fff;border:1px solid #e4e9f2;border-radius:15px;padding:23px 21px 19px;min-height:206px;color:var(--ink)!important;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 5px 22px rgba(19,39,80,.025)}.wtrkb-topic:hover{transform:translateY(-3px);border-color:#cccaff;box-shadow:0 12px 30px rgba(66,73,140,.08)}
.wtrkb-topic-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;color:#6358ed;font-weight:850;background:#efefff;font-size:19px}.wtrkb-topic:nth-child(3n+2) .wtrkb-topic-icon{background:#eafbf6;color:#00ad90}.wtrkb-topic:nth-child(3n+3) .wtrkb-topic-icon{background:#fff3e9;color:#e59146}
.wtrkb-topic h3{font-size:15px!important;font-weight:800;line-height:1.4;margin:16px 0 7px;color:#192643}.wtrkb-topic p{font-size:12px;line-height:1.58;color:#718098;margin:0;padding-right:5px}.wtrkb-topic-arrow{position:absolute;right:17px;top:22px;color:#9dabbd}
.wtrkb-curated{background:#edf1fc}.wtrkb-curated-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wtrkb-curated-grid>a{display:block;border-radius:16px;background:#fff;padding:26px;min-height:210px;box-shadow:0 9px 20px rgba(22,42,77,.035);color:#182843!important}.wtrkb-curated-grid span{font-size:11px;font-weight:800;color:#796ce6;letter-spacing:.11em}.wtrkb-curated-grid h3{font-size:21px!important;line-height:1.3;margin:15px 0 9px;letter-spacing:-.035em}.wtrkb-curated-grid p{font-size:13px;color:#748197;line-height:1.65}.wtrkb-curated-grid strong{display:block;color:#6259e9;font-size:12px;margin-top:18px}
.wtrkb-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wtrkb-article-card{padding:24px;background:#fff;border-radius:15px;border:1px solid #e5eaf1;box-shadow:0 9px 22px rgba(33,43,91,.03);display:flex;flex-direction:column;min-height:247px}.wtrkb-card-tag{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#5f56e7}.wtrkb-article-card h3{font-size:20px!important;line-height:1.35;margin:13px 0 11px;letter-spacing:-.035em}.wtrkb-article-card h3 a{color:#1a2a46!important}.wtrkb-article-card h3 a:hover{color:#6156e9!important}.wtrkb-article-card>p{font-size:13px;color:#73829a;line-height:1.7;margin:0 0 20px}.wtrkb-card-bottom{border-top:1px solid #e8ebf1;margin-top:auto;padding-top:15px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#8d99a8}.wtrkb-card-bottom a{color:#6357ed!important;font-weight:800}
.wtrkb-tools-promo{border-radius:23px;background:#182447;min-height:285px;display:grid;grid-template-columns:1fr .7fr;overflow:hidden;color:#fff;align-items:center;padding:40px 60px;gap:30px}.wtrkb-tools-promo .wtrkb-kicker{color:#57dec3}.wtrkb-tools-promo h2{color:#fff!important;margin:10px 0!important;max-width:560px}.wtrkb-tools-promo p{color:#bfcce1;font-size:14px;max-width:500px}.wtrkb-tools-promo a{display:inline-block;background:#fff;color:#26345e!important;border-radius:9px;padding:11px 17px;font-size:12px;font-weight:850;margin-top:15px}
.wtrkb-promo-visual{justify-self:end;width:min(100%,320px);background:#fff;border-radius:14px;padding:25px;transform:rotate(-5deg);box-shadow:0 20px 35px rgba(0,0,0,.2);display:flex;flex-wrap:wrap;gap:8px}.wtrkb-swatch{height:69px;flex:1;border-radius:8px}.wtrkb-swatch.a{background:#6258ff}.wtrkb-swatch.b{background:#00c9ac}.wtrkb-swatch.c{background:linear-gradient(135deg,#6258ff,#00c9ac)}.wtrkb-promo-visual>div{color:#75809b;font:10px ui-monospace,monospace;line-height:1.5;margin-top:8px;white-space:normal;overflow-wrap:anywhere}
.wtrkb-note{display:flex;gap:23px;align-items:baseline;padding:12px 0 65px;color:#728096;font-size:13px}.wtrkb-note strong{font-size:12px;color:#1b2e50;white-space:nowrap}.wtrkb-note p{margin:0}
.wtrkb-footer{background:#111c37;color:#c5d0e5;padding-top:64px}.wtrkb-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:95px;padding-bottom:51px}.wtrkb-footer-brand{font-size:21px;font-weight:900;letter-spacing:-.045em;color:#fff!important}.wtrkb-footer-grid p{font-size:13px;line-height:1.8;color:#9baac6;max-width:410px}.wtrkb-footer-grid h2{font-size:13px!important;color:#fff;margin:6px 0 17px}.wtrkb-footer-grid a:not(.wtrkb-footer-brand){display:block;color:#aebbd2!important;font-size:12.5px;margin:10px 0}.wtrkb-footer-grid a:hover{color:#fff!important}.wtrkb-footer-bottom{border-top:1px solid rgba(213,225,255,.12);padding:19px 0 23px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#8395b7}
.wtrkb-content-top{padding-top:59px;padding-bottom:41px}.wtrkb-breadcrumb{font-size:11.5px;color:#98a4b4;display:flex;gap:10px;align-items:center;margin-bottom:27px}.wtrkb-breadcrumb>a{color:#6f7792!important}.wtrkb-content-top h1{font-size:clamp(33px,4.6vw,52px)!important;line-height:1.14;letter-spacing:-.05em;margin:9px 0 14px;color:#152543}.wtrkb-content-top>p{color:#748197;max-width:710px}.wtrkb-search-inline{max-width:620px;margin-top:26px;border:1px solid #e4e9f2;box-shadow:0 7px 23px rgba(18,31,77,.04)}
.wtrkb-category-neighbors{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:19px}.wtrkb-category-neighbors>span{font-size:12px;font-weight:750;color:#60708a}.wtrkb-category-neighbors>a{display:inline-flex;align-items:center;gap:5px;border:1px solid #e0e5f3;border-radius:999px;background:#fff;color:#5449d0!important;padding:8px 12px;font-size:12px;font-weight:750;text-decoration:none}.wtrkb-category-neighbors>a:hover,.wtrkb-category-neighbors>a:focus-visible{background:#f0efff;border-color:#a9a2e8}.wtrkb-category-neighbors>a span{font-size:11px}
.wtrkb-archive-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:31px;padding-bottom:86px}.wtrkb-archive-layout .wtrkb-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.wtrkb-side{align-self:start;background:#fff;border:1px solid #e5eaf1;border-radius:15px;padding:25px 19px}.wtrkb-side h2{font-size:18px!important;margin:0 0 14px}.wtrkb-side>a{border-top:1px solid #eef0f5;display:flex;justify-content:space-between;gap:10px;padding:11px 0;color:#52627d!important;font-size:12.5px}.wtrkb-side span{color:#a2aec1}.wtrkb-pagination{margin-top:26px}.wtrkb-pagination .nav-links{display:flex;gap:6px;flex-wrap:wrap}.wtrkb-pagination .page-numbers{border:1px solid #e1e6f0;border-radius:8px;background:#fff;padding:8px 12px;color:#475776}.wtrkb-pagination .page-numbers.current{background:#6457f5;color:#fff}.wtrkb-empty{background:#fff;padding:40px;border-radius:15px;border:1px solid #e6eaf0}.wtrkb-empty h2{font-size:22px}.wtrkb-empty a{color:#6457f5!important}
.wtrkb-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:35px;padding:56px 0 95px;align-items:start}.wtrkb-article{min-width:0;background:#fff;border:1px solid #e6eaf1;border-radius:17px;padding:clamp(22px,4.4vw,50px);box-shadow:0 9px 35px rgba(18,36,81,.035)}.wtrkb-article>.wtrkb-breadcrumb{margin-bottom:28px}.wtrkb-article-category{display:inline-block;color:#675ce9!important;font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.wtrkb-article>h1{font-size:clamp(32px,4vw,48px)!important;line-height:1.18!important;letter-spacing:-.047em;color:#162744;margin:13px 0 18px;font-weight:850}.wtrkb-byline{color:#8794a7;font-size:12px;display:flex;gap:8px;align-items:center;margin-bottom:30px}.wtrkb-cover{border-radius:14px;margin:0 0 35px;overflow:hidden}.wtrkb-cover img{display:block;width:100%;height:auto}.wtrkb-article-body{font-size:16.5px;color:#394963;line-height:1.85;overflow-wrap:anywhere}.wtrkb-article-body p,.wtrkb-article-body ul,.wtrkb-article-body ol{margin:0 0 23px}.wtrkb-article-body h2{font-size:clamp(23px,3vw,30px)!important;letter-spacing:-.038em;line-height:1.25;color:#162747;margin:37px 0 15px}.wtrkb-article-body h3{font-size:20px!important;letter-spacing:-.03em;color:#1b2e52;margin:28px 0 11px}.wtrkb-article-body a{color:#5446d7!important;text-decoration:underline!important;text-underline-offset:3px}.wtrkb-article-body table{width:100%;display:block;overflow-x:auto;border-collapse:collapse;margin:20px 0}.wtrkb-article-body th,.wtrkb-article-body td{padding:11px;border:1px solid #dfe5ef}.wtrkb-article-body pre{background:#111b36;border-radius:10px;color:#e2e7ff;padding:19px;overflow:auto}.wtrkb-lead{font-size:18px;color:#2d3f5a}.wtrkb-editorial-disclaimer{margin-top:44px;background:#f2f4fd;color:#65728a;border-radius:12px;padding:20px;font-size:12.5px}.wtrkb-editorial-disclaimer a{color:#5d50dd!important;text-decoration:underline!important}.wtrkb-article-aside{display:grid;gap:15px;position:sticky;top:25px}.wtrkb-article-aside>div{padding:22px;background:#fff;border:1px solid #e3e7f0;border-radius:13px}.wtrkb-article-aside strong{font-size:14px;color:#1c2f51}.wtrkb-article-aside p{font-size:12px;color:#758299;line-height:1.7}.wtrkb-article-aside a{font-size:12px;color:#5d50eb!important;font-weight:800}.wtrkb-related{margin-top:40px}.wtrkb-related>h2{font-size:23px!important}.wtrkb-related .wtrkb-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.wtrkb-legacy{max-width:820px;text-align:center;padding-top:120px;padding-bottom:140px}.wtrkb-legacy h1{font-size:clamp(31px,4vw,48px)!important;letter-spacing:-.05em;line-height:1.2;margin:12px 0}.wtrkb-legacy>p{font-size:16px;color:#748198;max-width:650px;margin:10px auto 25px}.wtrkb-legacy-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.wtrkb-legacy-actions a{padding:12px 18px;background:#6457f5;color:#fff!important;border-radius:10px;font-weight:700;font-size:13px}.wtrkb-legacy-actions a+ a{background:#fff;color:#5148cd!important;border:1px solid #d8dcf3}.wtrkb-legacy>p.wtrkb-legacy-note{font-size:12px;margin-top:33px;color:#9ca7bb}
.wtrkb-tool-grid{display:grid;grid-template-columns:1fr;gap:25px;margin-top:40px}.wtrkb-tool{border:1px solid #e2e8f2;background:#f9faff;border-radius:15px;padding:25px}.wtrkb-tool-heading>span{color:#685ef3;font-size:10px;letter-spacing:.11em;font-weight:900}.wtrkb-tool-heading h2{margin:9px 0!important}.wtrkb-tool-heading p{font-size:14px;color:#758299}.wtrkb-colors{display:flex;gap:30px;flex-wrap:wrap;margin:22px 0}.wtrkb-colors label{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:750}.wtrkb-colors input[type=color]{width:48px;height:40px;padding:2px;border:1px solid #d8e0ed;border-radius:7px;background:white;cursor:pointer}.wtrkb-hex{width:91px;border-radius:7px;border:1px solid #d8e0ed;padding:8px;font-family:monospace!important;color:#263957}.wtrkb-contrast-preview{border:1px solid #edf0f3;border-radius:11px;padding:35px;margin:15px 0}.wtrkb-contrast-preview strong{font-size:24px}.wtrkb-contrast-preview p{margin:8px 0 0}.wtrkb-contrast-result{display:flex;gap:25px;align-items:center;justify-content:space-between;flex-wrap:wrap}.wtrkb-contrast-result>div:first-child small{display:block;color:#71809a;font-size:11px}.wtrkb-contrast-result strong{font-size:26px}.wtrkb-contrast-result>div:last-child{display:flex;flex-wrap:wrap;gap:7px}.wtrkb-contrast-chip{padding:5px 8px;border-radius:6px;font-size:11px;font-weight:800}.wtrkb-contrast-chip.is-pass{background:#d9f9e9;color:#08734d}.wtrkb-contrast-chip.is-fail{background:#ffebec;color:#b53043}.wtrkb-tool-foot{font-size:12px;color:#8491a5;margin:15px 0 0}.wtrkb-gradient-controls{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin:22px 0}.wtrkb-gradient-controls label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:750}.wtrkb-gradient-controls input[type=color]{width:50px;height:40px;border:1px solid #d5dce9;border-radius:7px;padding:2px;background:white}.wtrkb-gradient-controls input[type=range]{width:min(180px,100%);accent-color:#6157eb}.wtrkb-gradient-preview{height:155px;border-radius:11px;background:linear-gradient(135deg,#6258ff,#00c9ac)}.wtrkb-code-output{display:flex;gap:11px;align-items:center;margin-top:15px}.wtrkb-code-output code{background:#e9ecf7;padding:13px;border-radius:7px;font-size:12px;flex:1;overflow-wrap:anywhere;color:#263858}.wtrkb-code-output button{background:#6457f5;border:0;color:#fff;border-radius:7px;padding:12px;font-size:12px;font-weight:850;flex:none}
@media (max-width:1100px){.wtrkb-nav{gap:15px}.wtrkb-nav>a{font-size:12px}.wtrkb-hero-grid{gap:35px}.wtrkb-topics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:850px){.wtrkb-header{height:72px}.wtrkb-menu-toggle{display:flex}.wtrkb-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;box-shadow:0 16px 20px rgba(14,27,62,.08);padding:20px;flex-direction:column;align-items:stretch;gap:17px}.wtrkb-nav.is-open{display:flex}.wtrkb-hero-grid{grid-template-columns:1fr;padding:65px 0;gap:38px}.wtrkb-hero-panel{max-width:520px;transform:none}.wtrkb-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.wtrkb-cards,.wtrkb-curated-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wtrkb-footer-grid{gap:35px}.wtrkb-archive-layout,.wtrkb-article-layout{grid-template-columns:1fr}.wtrkb-article-aside{position:static;grid-template-columns:1fr 1fr}.wtrkb-side{display:none}}
@media (max-width:570px){.wtrkb-container{width:min(100% - 28px,1170px)}.wtrkb-brand-name{font-size:18px}.wtrkb-brand-mark{width:41px;height:41px;font-size:16px}.wtrkb-hero-grid{padding:49px 0 45px}.wtrkb-hero h1{font-size:42px!important}.wtrkb-hero-copy>p{font-size:14px;line-height:1.8}.wtrkb-search{height:57px;gap:2px}.wtrkb-search button{min-width:68px;height:45px;font-size:12px}.wtrkb-search-icon{margin-left:8px;font-size:25px}.wtrkb-search input{font-size:12px}.wtrkb-hero-panel{width:100%}.wtrkb-panel-content{padding:22px 20px}.wtrkb-section{padding-block:53px}.wtrkb-section-head{align-items:start;flex-direction:column;margin-bottom:25px}.wtrkb-section h2{font-size:31px!important}.wtrkb-topics{gap:10px}.wtrkb-topic{padding:17px 14px;min-height:190px}.wtrkb-topic h3{font-size:13.5px!important}.wtrkb-topic p{font-size:11px}.wtrkb-topic-icon{width:36px;height:36px;font-size:15px}.wtrkb-topic-arrow{right:13px;top:13px}.wtrkb-curated-grid,.wtrkb-cards,.wtrkb-archive-layout .wtrkb-cards{grid-template-columns:1fr}.wtrkb-curated-grid>a{min-height:0}.wtrkb-tools-promo{grid-template-columns:1fr;padding:29px}.wtrkb-promo-visual{justify-self:start;width:90%;margin-top:10px}.wtrkb-note{display:block;padding-bottom:45px}.wtrkb-note strong{display:block;margin-bottom:7px}.wtrkb-footer-grid{grid-template-columns:1fr 1fr;gap:26px}.wtrkb-footer-grid>div:first-child{grid-column:1/-1}.wtrkb-footer-bottom{flex-direction:column}.wtrkb-content-top{padding-top:33px}.wtrkb-article-layout{padding:28px 0 55px}.wtrkb-article{padding:23px 18px}.wtrkb-article>h1{font-size:32px!important}.wtrkb-article-body{font-size:15px}.wtrkb-article-aside,.wtrkb-related .wtrkb-cards{grid-template-columns:1fr}.wtrkb-legacy{padding-top:80px;padding-bottom:90px}.wtrkb-colors,.wtrkb-gradient-controls{gap:15px}.wtrkb-colors label{flex-wrap:wrap}.wtrkb-code-output{flex-wrap:wrap}.wtrkb-tool{padding:17px}}

/* v2.0.1: keep the degree label and slider readable in narrower article columns. */
.wtrkb-gradient-controls .wtrkb-gradient-angle{flex:1 1 220px;min-width:210px;white-space:nowrap;flex-wrap:nowrap}
.wtrkb-gradient-controls .wtrkb-gradient-angle output{flex:none;min-width:38px;text-align:center}
.wtrkb-gradient-controls .wtrkb-gradient-angle input[type=range]{flex:1 1 110px;min-width:100px;width:auto}

/* v2.0.8: preserve the category roadmap without pointing visitors to empty archives. */
.wtrkb-topic-soon{opacity:.77;background:#fbfcff}
.wtrkb-topic-soon:hover{transform:none;border-color:#e4e9f2;box-shadow:0 5px 22px rgba(19,39,80,.025)}
.wtrkb-topic-soon-label{display:block;margin-top:11px;color:#74809a;font-size:11px;font-weight:800}

/* v2.0.28: integrated editorial follow-ups and practical exercises. */
.wtrkb-article-body .wtrkb-wave6{margin:36px 0 28px;padding:4px 0 0;border-top:1px solid #e4e9f3}
.wtrkb-article-body .wtrkb-wave6>h2:first-child{margin-top:25px}

/* v2.0.27: give technical article tables readable columns on narrow screens.
   The table itself scrolls horizontally; the page layout stays fixed. */
@media (max-width:600px){
  .wtrkb-article-body table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#bdc7db transparent}
  .wtrkb-article-body table th,.wtrkb-article-body table td{font-size:14px;line-height:1.55;min-width:150px;vertical-align:top;white-space:normal;overflow-wrap:normal;word-break:normal}
  .wtrkb-article-body table th:first-child,.wtrkb-article-body table td:first-child{min-width:83px;white-space:nowrap}
  .wtrkb-article-body table th:nth-child(2),.wtrkb-article-body table td:nth-child(2){min-width:175px}
}