@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/poppins-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/poppins-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/poppins-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/poppins-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/poppins-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/poppins-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/poppins-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/poppins-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/montserrat-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/montserrat-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/montserrat-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/montserrat-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/montserrat-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/montserrat-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Norsk Pokerforbund: magazine theme in the association's navy and red */
:root{--red:#d6373c;--red-d:#b0262b;--navy:#363770;--ink:#191a33;--text:#2a2b3d;--muted:#666983;--line:#e5e6ee;--soft:#f4f5f9;--dark:#1f214a;--dark2:#2a2d5e;--w:1240px;--r:6px;
--fh:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--fm:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:400 16px/1.7 var(--fh);color:var(--text);background:#fff;overflow-x:hidden;overflow-wrap:break-word}
.entry,.ex,.entry a{overflow-wrap:anywhere}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--red)}
button,input,textarea{font:inherit}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--red);color:#fff;padding:8px 14px;z-index:99}
.skip:focus{left:10px;top:10px}
svg{width:20px;height:20px;display:block}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}

/* top bar */
.topbar{background:var(--dark);color:#d6d8dd;font:500 13px/1 var(--fm)}
.topbar-in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:40px}
.trend{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.trend-label{background:var(--red);color:#fff;padding:6px 10px;border-radius:3px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:11px;flex:none}
.trend-list{list-style:none;margin:0;padding:0;position:relative;height:18px;overflow:hidden;flex:1;min-width:0}
.trend-list li{position:absolute;inset:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(8px);transition:.4s;line-height:18px}
.trend-list li.on{opacity:1;transform:none}
.trend-list li:first-child{opacity:1;transform:none}
.trend-list.js li:first-child:not(.on){opacity:0}
.top-links{display:flex;gap:18px;flex:none}
.top-links a:hover{color:#fff}

/* header */
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;box-shadow:0 2px 12px rgba(0,0,0,.04)}
.head-in{display:flex;align-items:center;gap:26px;height:84px}
.logo img{width:auto;height:52px}
.main-nav{flex:1}
.main-nav>ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;justify-content:center;flex-wrap:nowrap}
.main-nav a{display:block;padding:10px 10px;font:600 13.5px/1 var(--fm);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;color:var(--ink);border-radius:4px}
.main-nav a:hover,.main-nav a[aria-current]{color:var(--red)}
.has-sub{position:relative}
.has-sub>a::after{content:"";display:inline-block;margin-left:6px;border:4px solid transparent;border-top-color:currentColor;transform:translateY(2px)}
.sub{list-style:none;margin:0;padding:8px;position:absolute;right:0;top:100%;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 12px 30px rgba(0,0,0,.1);min-width:230px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s}
.has-sub:hover .sub,.has-sub:focus-within .sub{opacity:1;visibility:visible;transform:none}
.sub a{text-transform:none;letter-spacing:0;font-weight:500;padding:9px 12px}
.sub a:hover{background:var(--soft)}
.head-search{display:flex;align-items:center;border:1px solid var(--line);border-radius:30px;padding:2px 4px 2px 14px;background:var(--soft)}
.head-search input{border:0;background:transparent;width:130px;outline:0;font-size:14px;padding:6px 0}
.icon-btn{background:none;border:0;padding:8px;cursor:pointer;color:var(--ink);border-radius:50%;display:inline-flex}
.icon-btn:hover{color:var(--red)}
.menu-btn{display:none}

/* drawer (mobile menu): solid, bright, high contrast */
.drawer{position:fixed;inset:0;z-index:100;background:rgba(10,12,16,.55)}
.drawer[hidden]{display:none}
.drawer-in{position:absolute;left:0;top:0;bottom:0;width:min(88vw,360px);background:#fff;color:var(--ink);overflow-y:auto;padding:16px 20px 40px;box-shadow:4px 0 30px rgba(0,0,0,.25);animation:slide .25s ease}
@keyframes slide{from{transform:translateX(-100%)}to{transform:none}}
.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.drawer-head img{height:46px;width:auto}
.drawer-search{display:flex;border:1px solid var(--line);border-radius:30px;padding:4px 6px 4px 14px;margin-bottom:10px}
.drawer-search input{border:0;flex:1;outline:0;min-width:0}
.drawer-search button{border:0;background:var(--red);color:#fff;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}
.drawer-label{font:700 11px/1 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin:22px 0 6px}
.drawer-nav{list-style:none;margin:0;padding:0}
.drawer-nav a{display:block;padding:12px 2px;border-bottom:1px solid var(--line);font:600 16px/1.3 var(--fm);color:var(--ink)}
.drawer-nav.small a{font-weight:500;font-size:15px}

/* shared bits */
.badge{display:inline-block;background:var(--red);color:#fff!important;font:700 11px/1 var(--fm);text-transform:uppercase;letter-spacing:.05em;padding:6px 9px;border-radius:3px}
.badge:hover{background:var(--red-d)}
.kicker{font:700 11px/1 var(--fm);text-transform:uppercase;letter-spacing:.06em;color:var(--red)}
.meta{display:flex;flex-wrap:wrap;gap:4px 14px;font:500 12.5px/1.4 var(--fm);color:var(--muted)}
.meta .m-author{color:var(--ink);font-weight:600}
.meta>*+*::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#c3c5ca;margin-right:12px;vertical-align:middle}
.thumb{display:block;position:relative;overflow:hidden;border-radius:var(--r);background:var(--soft)}
.thumb>a:not(.badge){display:block;height:100%}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
article:hover .thumb img{transform:scale(1.04)}
.thumb .badge{position:absolute;left:12px;bottom:12px}
.t{font:600 18px/1.35 var(--fh);color:var(--ink);margin:8px 0 8px;overflow-wrap:anywhere}
.t a:hover{color:var(--red)}
.ex{margin:6px 0 0;color:var(--muted);font-size:14.5px;line-height:1.6}

.block{margin:46px auto}
.block-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;border-bottom:2px solid var(--line)}
.sec-title{margin:0;font:700 22px/1 var(--fh);color:var(--ink)}
.sec-title span{display:inline-block;padding-bottom:12px;border-bottom:3px solid var(--red);margin-bottom:-2px}
.more{font:600 13px/1 var(--fm);color:var(--muted);padding-bottom:14px}
.more:hover{color:var(--red)}
.grid{display:grid;gap:26px}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* cards */
.c-grid .thumb{aspect-ratio:16/10}
.c-grid .t{font-size:17px}
.c-over{position:relative;height:100%;border-radius:var(--r);overflow:hidden;background:var(--dark)}
.c-over .thumb{position:absolute;inset:0;border-radius:0}
.c-over .thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.85))}
.c-over .body{position:absolute;left:0;right:0;bottom:0;padding:26px;color:#fff;z-index:1}
.c-over .t{color:#fff;font-size:22px}
.c-over .t a:hover{color:#ffd6d3}
.c-over .meta,.c-over .meta .m-author{color:#e7e8ea}
.c-small{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.c-small:last-child{border-bottom:0}
.c-small .thumb{aspect-ratio:1;border-radius:5px}
.c-small .t{font-size:14.5px;margin:4px 0}
.c-list{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:24px;padding:0 0 26px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.c-list .thumb{aspect-ratio:16/10}
.c-list .t{font-size:21px;margin-top:2px}

/* home */
.hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;margin-top:26px}
.hero-main .c-over{min-height:520px}
.hero-main .t{font-size:32px}
.hero-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.hero-side .c-over{min-height:252px}
.hero-side .t{font-size:19px}
.feat16{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:30px;align-items:start}
.f16-main .c-list{grid-template-columns:minmax(0,1fr);border:0;margin:0;padding:0}
.f16-main .c-list .t{font-size:26px}
.f16-side{border-left:1px solid var(--line);padding-left:30px}
.carousel{position:relative}
.car-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 52px)/3);gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.car-track::-webkit-scrollbar{display:none}
.car-item{scroll-snap-align:start}
.car-b{position:absolute;top:28%;z-index:2;width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:var(--ink);box-shadow:0 4px 16px rgba(0,0,0,.18);display:grid;place-items:center;cursor:pointer}
.car-b:hover{background:var(--red);color:#fff}
.car-b.prev{left:-14px}.car-b.prev svg{transform:rotate(180deg)}
.car-b.next{right:-14px}
.topband{background:var(--dark);color:#fff;padding:46px 0 52px;margin:50px 0}
.block-head.light{border-color:#363a72}
.block-head.light .sec-title{color:#fff}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.cat-tile{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:16/10;background:var(--dark2)}
.cat-tile img{width:100%;height:100%;object-fit:cover;opacity:.6;transition:.4s}
.cat-tile:hover img{opacity:.8;transform:scale(1.04)}
.ct-name{position:absolute;left:22px;bottom:44px;font:700 26px/1 var(--fh);color:#fff}
.ct-count{position:absolute;left:22px;bottom:20px;font:600 12px/1 var(--fm);color:#fff;background:var(--red);padding:5px 8px;border-radius:3px}
.cat-tile:hover .ct-name{color:#fff}
.pg-btns{display:flex;gap:10px;justify-content:center;margin-top:24px}
.pg-b{border:1px solid var(--line);background:#fff;padding:10px 22px;border-radius:30px;font:600 13px/1 var(--fm);cursor:pointer;color:var(--ink)}
.pg-b:hover:not(:disabled){background:var(--red);border-color:var(--red);color:#fff}
.pg-b:disabled{opacity:.4;cursor:default}
.no-js .pg-btns{display:none}
.npf-band{background:var(--soft);padding:44px 0 50px;margin-top:50px}
.npf-intro{max-width:820px;color:var(--text);margin:-6px 0 24px}
.npf-intro a{color:var(--red);font-weight:500}

/* archive */
.crumbs{font:500 13px/1.4 var(--fm);color:var(--muted);margin:22px 0 0;display:flex;flex-wrap:wrap;gap:4px}
.crumbs a{color:var(--ink)}
.crumbs .sep{margin:0 6px;color:#b9bbc0}
.crumbs span[aria-current]{overflow:hidden;text-overflow:ellipsis}
.arch-head{padding:26px 0 30px;margin-bottom:30px;border-bottom:1px solid var(--line);position:relative}
.arch-kicker{font:700 12px/1 var(--fm);text-transform:uppercase;letter-spacing:.1em;color:var(--red);margin:0 0 10px}
.arch-head h1{font:700 38px/1.15 var(--fh);margin:0 0 10px;color:var(--ink)}
.arch-head h1 small{font-size:18px;color:var(--muted);font-weight:500}
.arch-head p{max-width:760px;margin:0;color:var(--muted)}
.arch-head .count{margin-top:12px;font:600 13px/1 var(--fm);color:var(--ink)}
.avatar{width:64px;height:64px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font:700 26px/1 var(--fh);flex:none}
.avatar.big{position:absolute;right:0;top:26px;width:84px;height:84px;font-size:34px}
.with-side{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:46px;align-items:start;margin-top:24px}
.pager{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 40px}
.pager a,.pager span{min-width:42px;height:42px;padding:0 14px;display:grid;place-items:center;border-radius:4px;border:1px solid var(--line);font:600 14px/1 var(--fm)}
.pager .cur{background:var(--red);border-color:var(--red);color:#fff}
.pager .dots{border:0}
.pager a:hover{border-color:var(--red)}

/* sidebar */
.sidebar{position:sticky;top:110px}
.widget{margin-bottom:34px}
.w-title{font:700 16px/1 var(--fh);color:var(--ink);margin:0 0 14px;padding-bottom:12px;border-bottom:2px solid var(--line);position:relative}
.w-title::after{content:"";position:absolute;left:0;bottom:-2px;width:40px;height:2px;background:var(--red)}
.w-list{list-style:none;margin:0;padding:0}
.w-list li{border-bottom:1px solid var(--line)}
.w-list a{display:block;padding:9px 0;font:500 14.5px/1.45 var(--fh)}
.w-cats{list-style:none;margin:0;padding:0}
.w-cats li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:9px 0;font:500 14.5px/1.3 var(--fh)}
.w-cats span{font:600 12px/1 var(--fm);background:var(--soft);padding:5px 8px;border-radius:20px;color:var(--muted)}

/* single */
.single-head{margin:18px 0 22px}
.single-head h1{font:700 40px/1.2 var(--fh);color:var(--ink);margin:14px 0 14px;letter-spacing:-.01em}
.page .single-head h1{margin-top:0}
.meta.big{font-size:13.5px}
.upd{color:var(--ink)}
.feat{margin:0 0 30px}
.feat img{border-radius:var(--r);width:100%;max-height:520px;object-fit:cover}
.entry{font-size:17px;line-height:1.8;color:#2a2c31}
.entry>*:first-child{margin-top:0}
.entry p{margin:0 0 1.3em}
.entry h2{font:700 26px/1.3 var(--fh);color:var(--ink);margin:1.6em 0 .6em}
.entry h3{font:600 21px/1.35 var(--fh);color:var(--ink);margin:1.4em 0 .5em}
.entry a{color:var(--red);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.entry img{border-radius:5px;margin:1.2em 0}
.entry ul,.entry ol{padding-left:1.4em;margin:0 0 1.3em}
.entry li{margin:.35em 0}
.entry blockquote{margin:1.5em 0;padding:16px 22px;border-left:4px solid var(--red);background:var(--soft);font-style:italic}
.table-wrap{overflow-x:auto;margin:1.2em 0}
.entry table{width:100%;border-collapse:collapse;font-size:15.5px}
.entry td,.entry th{border:1px solid var(--line);padding:12px;vertical-align:top}
.entry td img{margin:0;max-width:180px}
.entry iframe{max-width:100%}
.tags,.share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:26px 0 0}
.tags span,.share span{font:700 13px/1 var(--fm);color:var(--ink);margin-right:4px}
.tags a{font:500 13px/1 var(--fm);border:1px solid var(--line);padding:7px 11px;border-radius:20px}
.tags a:hover{border-color:var(--red)}
.share a{width:38px;height:38px;border-radius:50%;background:var(--soft);display:grid;place-items:center;color:var(--ink)}
.share a:hover{background:var(--red);color:#fff}
.share svg{width:17px;height:17px}
.author-box{display:flex;gap:20px;align-items:flex-start;background:var(--soft);padding:24px;border-radius:var(--r);margin:34px 0}
.author-box p{margin:0;font-size:15px;color:var(--muted)}
.author-box .ab-name{font:700 17px/1.2 var(--fh);color:var(--ink);margin-bottom:6px}
.post-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}
.post-nav a{font:600 15px/1.4 var(--fh);color:var(--ink)}
.post-nav a span{display:block;font:700 11px/1 var(--fm);text-transform:uppercase;letter-spacing:.08em;color:var(--red);margin-bottom:8px}
.post-nav .newer{text-align:right;grid-column:2}
.related{margin:50px 0}
.subpages{background:var(--soft);border-radius:var(--r);padding:20px 24px;margin:30px 0}
.subpages h2{font:700 17px/1 var(--fh);margin:0 0 10px}
.subpages ul{margin:0;padding-left:1.2em}
.page-upd{font:500 13px/1 var(--fm);color:var(--muted);margin-top:30px}

/* forms */
.contact-form{background:var(--soft);padding:26px;border-radius:var(--r);margin:24px 0}
.contact-form label{display:block;font:600 14px/1.3 var(--fm);margin-bottom:6px;color:var(--ink)}
.contact-form input,.contact-form textarea{width:100%;border:1px solid #d9dbdf;border-radius:5px;padding:12px 14px;background:#fff}
.contact-form button,.foot-search button,.search-big button{background:var(--red);color:#fff;border:0;border-radius:30px;padding:12px 26px;font:600 14px/1 var(--fm);cursor:pointer}
.contact-form button:hover{background:var(--red-d)}
.hp{position:absolute;left:-9999px}
.form-ok{background:#e9f8ee;color:#185c2f;border-radius:5px;padding:12px 14px;margin-bottom:14px;font-weight:500}
.search-big{display:flex;gap:10px;margin:0 0 30px}
.search-big input{flex:1;border:1px solid var(--line);border-radius:30px;padding:12px 18px;min-width:0}

/* footer */
.site-footer{background:var(--dark);color:#c9ccd2;margin-top:60px;font-size:14.5px}
.site-footer .w-title{color:#fff;border-color:#363a72}
.site-footer .w-list li,.site-footer .w-cats li{border-color:#33366a}
.site-footer .w-cats span{background:#2c2f62;color:#c9ccd2}
.site-footer a:hover{color:#fff}
.site-footer .c-small{border-color:#33366a}
.site-footer .c-small .t{color:#fff}
.site-footer .meta{color:#9ea2aa}
.site-footer section>.w-title:not(:first-child){margin-top:30px}
.foot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;padding:56px 20px 40px}
.foot-search{display:flex;gap:8px}
.foot-search input{flex:1;min-width:0;border:1px solid #363a72;background:#272a5a;color:#fff;border-radius:30px;padding:10px 16px}
.foot-search button{padding:10px 18px}
.tagcloud{display:flex;flex-wrap:wrap;gap:7px}
.tagcloud a{border:1px solid #363a72;padding:6px 10px;border-radius:20px;font:500 12.5px/1 var(--fm)}
.tagcloud a:hover{border-color:var(--red)}
.about img{height:44px;width:auto;margin-bottom:6px}
.about{line-height:1.65;margin:0}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 16px;font:600 13px/1 var(--fm);margin-top:16px}
.copy{border-top:1px solid #2f3266}
.copy-in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 20px;padding:18px 20px;font:500 13px/1.5 var(--fm);color:#9ea2aa}
.copy p{margin:0}
.copy a{color:#fff}
.cal table{width:100%;border-collapse:collapse;font:500 13px/1 var(--fm);text-align:center}
.cal caption{font:600 14px/1 var(--fh);color:#fff;padding-bottom:10px;text-align:left}
.cal th{color:#fff;padding:6px 0}
.cal td{padding:7px 0;color:#7d828b}
.cal td a{color:#fff;background:var(--red);border-radius:3px;padding:3px 5px;display:inline-block}
.cal nav{display:flex;justify-content:space-between;margin-top:8px;font:600 13px/1 var(--fm)}
.cal button{background:none;border:0;color:#fff;cursor:pointer;padding:4px 0}
.cal button:disabled{opacity:.3;cursor:default}

/* responsive */
@media (max-width:1240px){
.main-nav a{padding:10px 7px;font-size:12.5px}
.head-search input{width:90px}
.head-in{gap:16px}
}
@media (max-width:1100px){
.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
.menu-btn{display:inline-flex}
.main-nav,.head-search{display:none}
.head-in{height:68px;justify-content:space-between}
.logo img{height:46px}
.head-in::after{content:"";width:36px}
.logo img{height:40px}
.hero{grid-template-columns:minmax(0,1fr)}
.hero-main .c-over{min-height:420px}
.hero-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
.feat16{grid-template-columns:minmax(0,1fr)}
.f16-side{border:0;padding:0}
.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
.with-side{grid-template-columns:minmax(0,1fr)}
.sidebar{position:static}
.car-track{grid-auto-columns:calc((100% - 26px)/2)}
.top-links{display:none}
}
@media (max-width:700px){
body{font-size:15.5px}
.wrap{padding:0 16px}
.topbar-in{height:36px}
.hero{margin-top:16px;gap:12px}
.hero-main .c-over{min-height:360px}
.hero-main .t{font-size:23px}
.hero-side{grid-template-columns:minmax(0,1fr);gap:12px}
.c-over .body{padding:18px}
.g3,.g4,.tiles{grid-template-columns:minmax(0,1fr)}
.grid{gap:22px}
.car-track{grid-auto-columns:84%}
.car-b{display:none}
.c-list{grid-template-columns:minmax(0,1fr);gap:14px}
.c-list .t{font-size:19px}
.f16-main .c-list .t{font-size:21px}
.single-head h1{font-size:28px}
.arch-head h1{font-size:28px}
.avatar.big{display:none}
.entry{font-size:16.5px}
.entry h2{font-size:22px}
.post-nav{grid-template-columns:minmax(0,1fr)}
.post-nav .newer{grid-column:auto;text-align:left}
.foot-grid{grid-template-columns:minmax(0,1fr);gap:30px;padding:40px 16px 30px}
.block{margin:36px auto}
.sec-title{font-size:20px}
.topband{padding:36px 0 40px}
.author-box{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* html sitemap */
.sm-toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.sm-lang{margin:10px 0 46px}
.sm-lang .sec-title{margin-bottom:16px}
.sm-sub{color:var(--muted);margin:0 0 22px}
.sm-grid{columns:3 300px;column-gap:40px}
.sm-sec{break-inside:avoid;margin-bottom:26px}
.sm-sec h3{font:700 16px/1.3 var(--fh);color:var(--ink);margin:0 0 8px}
.sm-sec h3 small{font:600 12px/1 var(--fm);color:var(--muted);margin-left:4px}
.sm-sec ul{list-style:none;margin:0;padding:0}
.sm-sec li{padding:5px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.45}

/* contrast fixes */
.npf-intro a,.subpages a{color:var(--red-d)}
.site-footer .kicker{color:#ff6b61}

/* relaunch additions */
.main-nav .nav-cta a{background:var(--red);color:#fff;border-radius:30px;padding:10px 16px;margin-left:6px}
.main-nav .nav-cta a:hover{background:var(--red-d);color:#fff}
.btn{display:inline-block;background:var(--red);color:#fff!important;border-radius:30px;padding:11px 22px;font:600 14px/1 var(--fm);text-decoration:none!important}
.btn:hover{background:var(--red-d)}
.note-box{background:#eef0fb;border-left:4px solid var(--navy);border-radius:var(--r);padding:16px 20px;margin:0 0 26px;font-size:15.5px}
.note-box p{margin:0}
.note-box a{color:var(--navy);font-weight:600}
.note-box.muted{background:var(--soft);border-left-color:#b9bbcc;color:var(--muted)}
.welcome{display:grid;grid-template-columns:56px minmax(0,1fr);gap:22px;align-items:start;background:var(--soft);border-radius:var(--r);padding:28px 30px;border-top:4px solid var(--red)}
.welcome h2{font:700 24px/1.25 var(--fh);color:var(--ink);margin:0 0 10px}
.welcome p{margin:0 0 12px;max-width:860px}
.welcome-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;font:600 14px/1 var(--fm)}
.welcome-links a:not(.btn){color:var(--navy)}
.mini-title{font:700 15px/1 var(--fm);text-transform:uppercase;letter-spacing:.06em;color:var(--red);margin:0 0 6px}
.member-box{background:var(--dark);color:#e3e4f2;border-radius:var(--r);padding:22px}
.member-box .w-title{color:#fff;border-color:#363a72}
.member-box p{font-size:14.5px;margin:0 0 14px}
.drawer-cta{display:block;text-align:center;background:var(--red);color:#fff!important;border-radius:30px;padding:12px;font:600 15px/1 var(--fm);margin:6px 0 4px}
.social{display:flex;gap:10px;margin:14px 0 0}
.social a{width:38px;height:38px;border-radius:50%;background:#2c2f62;display:grid;place-items:center;color:#fff}
.social a:hover{background:var(--red)}
.top-links svg{width:15px;height:15px}
.contact-form select{width:100%;border:1px solid #d9dbe5;border-radius:5px;padding:12px 14px;background:#fff;font:inherit}
.small{font-size:13px;color:var(--muted)}
@media (max-width:1240px){.main-nav .nav-cta a{padding:9px 12px}}
@media (max-width:700px){.welcome{grid-template-columns:minmax(0,1fr);padding:22px}.welcome img{display:none}}
.sources{margin:28px 0;border:1px solid var(--line,#e3e5ef);border-radius:8px;padding:14px 18px;background:#f7f8fc}
.sources summary{cursor:pointer;font-weight:600;color:var(--dark)}
.sources ol{margin:10px 0 0 18px;padding:0}.sources li{margin:6px 0;font-size:.92rem;word-break:break-word}
.sources .src-url{color:#6b6f8a;font-size:.82rem;display:block}