/*
Theme Name: Bezpieczny Blog
Description: Blog towarzyszący stronie bezpieczny.online. Ciemny motyw, zielone akcenty kodu i pomarańczowe przyciski kontaktu. Lista wpisów, artykuły i wyszukiwanie.
Version: 2.0.0
Requires at least: 6.5
Requires PHP: 8.0
Author: Bezpieczny.online
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bezpieczny-blog
Tags: blog, two-columns, custom-menu, featured-images, block-styles, wide-blocks, threaded-comments, translation-ready
*/
:root{--bg:#0b1110;--panel:#121c18;--line:#29392f;--text:#f0f3ee;--muted:#b2c4b8;--green:#a6d8b7;--orange:#dda96e;--orange-hover:#eec08b;--mono:Consolas,'Cascadia Code',monospace;--radius:6px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a,button,input,textarea,select{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;height:auto;max-width:100%}figure{margin:0}::selection{background:var(--green);color:#0b1b12}:focus-visible{outline:2px solid var(--green);outline-offset:5px}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.screen-reader-text,.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:12px;left:12px;width:auto;height:auto;clip-path:none;background:var(--green);color:#0b1b12;padding:12px 20px;z-index:100000}.site-header{border-bottom:1px solid var(--line);background:#0a0e0b}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;letter-spacing:-.9px;font-weight:700;white-space:nowrap}.brand-mark{font:26px var(--mono);letter-spacing:-5px;color:var(--green);margin-right:7px}.blog-badge{font:8px var(--mono);letter-spacing:1.5px;border:1px solid #35513f;padding:5px 7px;border-radius:3px;color:var(--green);margin-left:8px}.site-navigation{display:flex;align-items:center;gap:28px}.site-navigation .menu{display:flex;list-style:none;gap:28px;padding:0;margin:0}.menu li{position:relative}.menu li>a{font-size:12px;color:#b5c3ba}.menu li>a:hover,.menu .current-menu-item>a{color:var(--green)}.menu .sub-menu{display:none;list-style:none;position:absolute;top:100%;left:0;min-width:200px;background:#152118;border:1px solid var(--line);padding:12px;z-index:20}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}.menu .sub-menu a{display:block;padding:8px;white-space:normal}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 20px;border:1px solid transparent;border-radius:4px;font-size:12px;font-weight:700;line-height:1.4;transition:background .2s,transform .2s}.button span{font-size:19px}.cta{background:var(--orange);color:#241509;box-shadow:0 6px 18px #dda96e12}.cta:hover{background:var(--orange-hover);transform:translateY(-2px)}.cta:focus-visible{outline-color:var(--orange)}.menu-toggle{display:none}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--green);font:9px/1.7 var(--mono);letter-spacing:1.8px;margin:0 0 24px}.dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;flex-shrink:0}.blog-intro{position:relative;padding:68px 0 62px;overflow:hidden;background:radial-gradient(ellipse at 95% 35%,#16352133,transparent 60%)}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:85px;align-items:center}.intro-grid h1{font-size:clamp(34px,4.1vw,57px);line-height:1.12;font-weight:500;letter-spacing:-2.5px;max-width:620px;margin:0 0 23px;text-wrap:balance}.intro-description{color:var(--muted);font-size:14px;line-height:1.9;max-width:480px;margin:0 0 27px}.search-form{display:flex;gap:0;border:1px solid #364d3e;background:#0d150f;border-radius:4px;max-width:460px;overflow:hidden}.search-field{min-width:0;flex:1;padding:14px 16px;color:var(--text);background:transparent;border:0;font-size:12px;outline-offset:-3px}.search-field::placeholder{color:#7e9686}.search-submit{padding:12px 17px;border:0;border-left:1px solid #364d3e;color:var(--green);background:#16251a;font-size:11px}.search-submit:hover{background:#263e2d}.search-submit span{margin-left:13px}.code-panel{background:linear-gradient(145deg,#17241a,#0d140f);border:1px solid #344c3b;border-radius:var(--radius);min-width:0;box-shadow:0 25px 65px #0003}.code-top,.code-bottom{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;font:9px var(--mono);letter-spacing:.5px;color:#89a492}.code-top{border-bottom:1px solid #2c3d31}.code-bottom{border-top:1px solid #2c3d31;font-size:8px;letter-spacing:1.2px;color:var(--green)}.code-panel pre{font:clamp(11px,1.15vw,15px)/2.1 var(--mono);color:#b9cec0;margin:0;padding:24px 23px;overflow:auto}.code-comment{color:#648671;font-size:.85em}.code-value{color:var(--green)}.code-keyword{color:#f0f3ee}.category-navigation{display:flex;gap:10px;flex-wrap:wrap;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.category-chip{padding:7px 15px;border:1px solid #314438;border-radius:30px;font-size:10px;color:#a2b4a9}.category-chip:hover,.category-chip.current{background:#1b3425;color:var(--green);border-color:#426d52}.posts-section{padding:48px 0 78px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.section-heading h2{font-size:27px;font-weight:500;letter-spacing:-.8px;margin:0}.section-note{font-size:10px;color:#879f90}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.post-card{margin:0;background:#121c18;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.post-card:hover{border-color:#4f785e;transform:translateY(-3px)}.post-card.sticky{border-color:#507a60}.card-image{display:block;aspect-ratio:1.8;overflow:hidden;background:#17231b}.card-image img{width:100%;height:100%;object-fit:cover}.card-code{position:relative;height:154px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;background:linear-gradient(#26423122 1px,transparent 1px),linear-gradient(90deg,#26423122 1px,transparent 1px),radial-gradient(ellipse at center,#1f3b2977,transparent 80%);background-size:32px 32px,32px 32px,100% 100%;border-bottom:1px solid #26382c;color:var(--green)}.card-code>span{font:38px var(--mono);letter-spacing:-5px}.card-code>code{font:8px var(--mono);color:#6d967c}.card-content{padding:25px 24px 20px;display:flex;flex-direction:column;flex:1}.post-categories{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 15px}.category-label{font:8px var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--green)}.category-label:hover{text-decoration:underline;text-underline-offset:4px}.post-card h2{font-weight:500;font-size:22px;letter-spacing:-.7px;line-height:1.3;margin:0 0 14px;overflow-wrap:anywhere}.post-card h2 a:hover{color:var(--green)}.card-excerpt{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 25px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:18px;border-top:1px solid #2a3b2f;font-size:9px;color:#8ea897}.read-link{font-size:11px;color:var(--text)}.read-link span{color:var(--green);font-size:17px;margin-left:7px}.navigation.pagination{margin:40px 0 0}.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:6px 12px;border:1px solid var(--line);border-radius:4px;font-size:12px}.page-numbers.current,.page-numbers:hover{border-color:#4e765b;background:#1b3324;color:var(--green)}.page-numbers.dots{border:0}.training-banner{background:radial-gradient(ellipse at 0% 100%,#1e422a66,transparent 70%),#111d15;border-top:1px solid #35513f;border-bottom:1px solid var(--line);padding:45px 0}.banner-inner{display:flex;justify-content:space-between;gap:40px;align-items:center}.training-banner .eyebrow{margin-bottom:14px;font-size:8px}.training-banner h2{font-size:29px;font-weight:500;letter-spacing:-.9px;line-height:1.25;margin:0 0 13px}.training-banner p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0}.training-banner .cta{flex-shrink:0}.site-footer{padding:30px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap}.footer-brand{font-size:17px}.footer-brand .brand-mark{font-size:23px}.footer-inner>a:not(.brand){font-size:10px;color:#a7b6ac}.footer-inner>a:not(.brand):hover{color:var(--green)}.copyright{font-size:9px;color:#708a79}.archive-header{padding:65px 0 0}.archive-header .eyebrow{margin-bottom:17px}.archive-header h1,.article-header h1{font-size:clamp(32px,4.3vw,58px);line-height:1.16;letter-spacing:-1.9px;font-weight:500;margin:0 0 24px;overflow-wrap:anywhere}.archive-description{color:var(--muted);max-width:700px;font-size:14px}.archive-header .search-form{margin-top:25px}.back-link{display:inline-block;font-size:12px;color:var(--green);margin-bottom:22px}.back-link:hover{text-decoration:underline;text-underline-offset:4px}.empty-state{padding:45px 0 35px;max-width:620px}.empty-code{font:45px var(--mono);color:var(--green)}.empty-state h2{font-size:28px;font-weight:500;letter-spacing:-.8px}.empty-state p,.error-page>p:not(.eyebrow){color:var(--muted);font-size:14px}.empty-state .back-link,.error-page .back-link{margin-top:24px}.error-page{min-height:50vh;padding:85px 0}.error-page h1{font-size:clamp(32px,4vw,54px);line-height:1.2;font-weight:500;letter-spacing:-1.8px}.error-page .search-form{margin-top:26px}.article-header{padding:48px 0 36px;max-width:920px}.breadcrumbs{display:flex;gap:13px;color:#8ba694;font-size:10px;margin-bottom:31px}.breadcrumbs a:hover{color:var(--green)}.article-header .post-categories{margin-bottom:19px}.article-meta{display:flex;gap:12px;color:#9db1a4;font-size:11px;flex-wrap:wrap}.article-cover{max-width:1000px;margin-bottom:38px}.article-cover img{width:100%;max-height:600px;object-fit:cover;border-radius:6px}.article-cover figcaption{font-size:11px;color:#839c8b;margin-top:11px;text-align:center}.entry-content{max-width:740px;width:calc(100% - 48px);margin:0 auto;font-size:17px;line-height:1.85;color:#c4d1c9;overflow-wrap:break-word}.entry-content>*{margin-top:0;margin-bottom:25px}.entry-content h2,.entry-content h3,.entry-content h4{color:var(--text);line-height:1.3;letter-spacing:-.7px;font-weight:500;margin-top:42px}.entry-content h2{font-size:32px}.entry-content h3{font-size:26px}.entry-content h4{font-size:21px}.entry-content a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.entry-content a:hover{color:#b0f3d4}.entry-content ul,.entry-content ol{padding-left:26px}.entry-content li{margin-bottom:10px}.entry-content blockquote{margin-left:0;margin-right:0;padding:20px 25px;border-left:3px solid var(--green);background:#142219;border-radius:0 5px 5px 0;color:#cfdfd4}.entry-content blockquote p:last-child{margin-bottom:0}.entry-content pre{padding:23px;background:#111e16;border:1px solid #34503e;border-radius:5px;overflow:auto;font:13px/1.9 var(--mono);color:var(--green)}.entry-content :not(pre)>code{padding:3px 6px;background:#1b3022;color:var(--green);border-radius:3px;font-size:.85em}.entry-content .wp-block-image img{border-radius:5px}.entry-content figcaption{font-size:12px;color:#88a291;text-align:center}.entry-content .alignwide{max-width:1000px;width:min(calc(100vw - 48px),1000px);margin-left:50%;transform:translateX(-50%)}.entry-content .alignfull{max-width:none;width:calc(100vw - 48px);margin-left:50%;transform:translateX(-50%)}.entry-content .alignleft{float:left;margin:0 25px 20px 0;max-width:50%}.entry-content .alignright{float:right;margin:0 0 20px 25px;max-width:50%}.entry-content .aligncenter{margin-inline:auto}.entry-content::after{content:'';display:table;clear:both}.wp-block-table{overflow:auto}.entry-content table{border-collapse:collapse;width:100%;font-size:14px}.entry-content th,.entry-content td{border:1px solid #38513f;padding:13px;text-align:left}.entry-content th{background:#1b2f22;color:var(--text)}.entry-content hr{border:0;border-top:1px solid var(--line);margin:36px 0}.entry-content iframe,.entry-content video{max-width:100%}.entry-content .wp-block-button__link,.entry-content input[type=submit],.entry-content button{background:var(--orange);border:0;border-radius:4px;color:#241509;text-decoration:none;padding:13px 20px;font-size:14px}.entry-content input:not([type=submit]):not([type=checkbox]):not([type=radio]){max-width:100%}.wp-block-file{font-size:14px}.entry-footer,.comments-wrap{width:min(740px,calc(100% - 48px));margin:35px auto 55px}.entry-footer .back-link{margin:25px 0 0}.post-tags{display:flex;gap:9px;flex-wrap:wrap}.post-tags a{font:10px var(--mono);color:#9eb9a8;border:1px solid #35533f;padding:6px 10px;border-radius:3px}.post-tags a:hover{color:var(--green)}.post-navigation-wrap{max-width:1000px;margin-bottom:58px;border-top:1px solid var(--line);padding-top:26px}.post-navigation .nav-links{display:flex;justify-content:space-between;gap:45px}.post-navigation .nav-previous,.post-navigation .nav-next{width:46%}.post-navigation .nav-next{text-align:right;margin-left:auto}.nav-label{display:block;font:9px var(--mono);color:var(--green);margin-bottom:9px}.nav-title{display:block;font-size:17px;line-height:1.5;letter-spacing:-.4px}.nav-title:hover{color:var(--green)}.page-links{display:flex;gap:15px;flex-wrap:wrap}.comments-area h2,.comment-reply-title{font-size:25px;letter-spacing:-.7px;font-weight:500}.comment-list{list-style:none;padding:0}.comment-list .children{list-style:none;padding-left:24px}.comment-body{border-bottom:1px solid var(--line);padding:22px 0}.comment-meta,.comment-metadata,.reply{font-size:11px;color:#93ae9d}.comment-author .says{display:none}.comment-content{font-size:14px;color:#bfcec4}.comment-content a,.reply a{color:var(--green)}.comment-form p{font-size:12px;color:var(--muted)}.comment-form label{display:block;margin-bottom:8px}.comment-form textarea,.comment-form input:not([type=checkbox]):not([type=submit]),.post-password-form input[type=password]{width:100%;max-width:100%;padding:13px;background:#101a13;border:1px solid #36513e;border-radius:4px;color:var(--text);font:16px Arial,sans-serif}.comment-form textarea{min-height:150px}.comment-form .comment-form-cookies-consent label{display:inline;margin-left:8px}.comment-form input[type=submit]{border:0;border-radius:4px;background:var(--orange);color:#241509;padding:13px 20px;font-size:12px;font-weight:700}.bypostauthor>.comment-body{border-left:2px solid var(--green);padding-left:15px}.gallery{display:grid;gap:12px}.gallery-columns-2{grid-template-columns:repeat(2,1fr)}.gallery-columns-3{grid-template-columns:repeat(3,1fr)}.gallery-caption{font-size:12px;color:var(--muted)}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.intro-grid{gap:45px}.site-navigation,.site-navigation .menu{gap:20px}.brand{font-size:19px}.blog-badge{margin-left:2px}.code-panel pre{font-size:11px;padding:24px 18px}.post-grid{gap:17px}.card-content{padding:22px 19px}.post-card h2{font-size:20px}.banner-inner{gap:30px}.training-banner h2{font-size:26px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:78px;gap:14px}.brand{font-size:19px;gap:7px}.brand-mark{font-size:24px;margin-right:4px}.blog-badge{font-size:7px;padding:4px 5px}.menu-toggle{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;border:1px solid #375a43;border-radius:4px;width:42px;height:42px;background:transparent;flex-shrink:0}.menu-toggle span{width:18px;height:1px;background:var(--green)}.site-navigation{display:none;position:absolute;z-index:30;top:78px;left:0;right:0;background:#111e16;padding:23px 24px;border-bottom:1px solid #3b6149}.site-navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:24px}.site-navigation .menu{flex-direction:column;gap:17px}.menu .sub-menu{position:static;display:block;border:0;border-left:1px solid #3a5743;background:transparent;margin:10px 0 0 10px;padding:0 0 0 8px}.menu .sub-menu a{font-size:11px}.admin-bar .site-navigation{top:110px}.intro-grid{grid-template-columns:1fr;gap:32px}.blog-intro{padding:43px 0 35px}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:20px}.intro-grid h1{font-size:clamp(32px,8.8vw,48px);letter-spacing:-1.6px;max-width:100%;margin-bottom:19px}.intro-description{font-size:13px;line-height:1.9}.search-form{width:100%;max-width:100%}.search-field{font-size:16px;padding:13px 12px}.search-field::placeholder{font-size:11px}.search-submit{font-size:11px;padding:13px}.search-submit span{margin-left:7px}.code-panel{max-width:480px;width:100%}.code-panel pre{font-size:clamp(11px,3.1vw,14px);padding:23px 20px}.code-top{padding:15px 20px}.code-bottom{font-size:7px;padding:13px 20px}.category-navigation{gap:8px;padding:20px 0}.category-chip{font-size:10px;padding:6px 12px}.posts-section{padding:34px 0 48px}.section-heading{margin-bottom:21px}.section-heading h2{font-size:25px}.section-note{display:none}.post-grid{grid-template-columns:1fr;gap:21px}.card-code{height:150px}.card-content{padding:25px}.post-card h2{font-size:25px}.card-excerpt{font-size:13px}.card-bottom{font-size:10px}.category-label{font-size:9px}.training-banner{padding:34px 0}.banner-inner{flex-direction:column;align-items:start;gap:25px}.training-banner h2{font-size:27px}.training-banner p:not(.eyebrow){font-size:12px}.training-banner .eyebrow{font-size:7px}.site-footer{padding:27px 0}.footer-inner{gap:19px}.footer-brand{width:100%;font-size:18px}.copyright{width:100%;font-size:9px}.archive-header{padding:39px 0 0}.archive-header h1{font-size:34px;letter-spacing:-1.2px}.archive-description{font-size:13px}.article-header{padding:31px 0 27px}.article-header h1{font-size:clamp(31px,8.7vw,45px);letter-spacing:-1.1px}.breadcrumbs{font-size:10px;margin-bottom:25px}.article-cover{margin-bottom:27px}.entry-content{width:calc(100% - 40px);font-size:16px;line-height:1.9}.entry-content h2{font-size:27px}.entry-content h3{font-size:23px}.entry-content h4{font-size:20px}.entry-content .alignwide,.entry-content .alignfull{width:calc(100vw - 40px)}.entry-content .alignleft,.entry-content .alignright{float:none;max-width:100%;margin:0 0 24px}.entry-content blockquote{padding:17px 20px}.entry-footer,.comments-wrap{width:calc(100% - 40px);margin-bottom:35px}.post-navigation-wrap{margin-bottom:40px}.post-navigation .nav-links{gap:22px}.nav-title{font-size:14px}.nav-label{font-size:8px}.error-page{padding:45px 0}.empty-state h2{font-size:26px}}
@media(max-width:782px){.admin-bar .site-navigation{top:124px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Podział między wprowadzeniem a listą wpisów bez paska kategorii. */
.blog-intro{border-bottom:1px solid var(--line)}


/* Strzałka wektorowa o jednakowym kształcie na wszystkich urządzeniach. */
svg.icon-arrow-up-right{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.125em;overflow:visible;stroke-width:1.7}


/* v2 visual system shared with bezpieczny.online. */
:root{--bg:#0b1110;--panel:#121c18;--line:#31483a;--text:#f0f3ee;--muted:#b2c4b8;--green:#a6d8b7;--orange:#dda96e;--orange-hover:#eec08b;--radius:10px}
body{background:radial-gradient(circle at 78% 6%,#17302366,transparent 30%),var(--bg)}
.wrap{width:min(1220px,calc(100% - 96px))}
.site-header{position:sticky;top:0;z-index:80;background:#0b1110eb;backdrop-filter:blur(18px);border-bottom-color:#2a4032}
.header-inner{min-height:82px}
.brand{font-size:21px}
.brand-mark{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #3f6a4c;border-radius:8px;background:#173322;letter-spacing:-5px;font-size:25px;margin-right:0;padding-right:5px}
.blog-badge{border-color:#466e51;background:#14291b;border-radius:4px}
.site-navigation .menu li>a{font-size:12px;color:#c4d0c5}
.button.cta{background:var(--orange);color:#241509;border-radius:5px;box-shadow:0 8px 25px #dda96e1a}
.button.cta:hover{background:var(--orange-hover)}
.blog-intro{padding:108px 0 95px;background:radial-gradient(ellipse at 77% 39%,#1f4b2b66,transparent 40%);border-bottom:1px solid var(--line)}
.intro-grid{grid-template-columns:1.13fr .87fr;gap:95px}
.intro-grid h1{font-size:clamp(52px,5.4vw,78px);line-height:1.04;letter-spacing:-.06em;font-weight:600;max-width:730px}
.intro-description{font-size:17px;line-height:1.75;max-width:570px;color:#bdcbbf}
.intro-copy .search-form{margin-top:30px}
.intro-note{margin:20px 0 0;color:#91ab99;font:10px/1.5 var(--mono);letter-spacing:.5px}
.code-panel{border-radius:10px;box-shadow:0 48px 100px #0008,0 0 0 12px #17281c44;transform:rotate(2deg)}
.code-panel pre{font-size:clamp(12px,1.16vw,15px);line-height:2.15;padding:28px 29px}
.code-bottom span:last-child{color:#87a993}
.posts-section{padding-block:75px 110px}
.section-heading{margin-bottom:35px}
.section-heading h2{font-size:clamp(31px,3vw,43px);line-height:1.16;font-weight:600;letter-spacing:-.04em}
.section-note{font-size:11px}
.post-grid{gap:20px}
.post-card{border-color:#344f3b;border-radius:10px;background:linear-gradient(160deg,#15231a,#0b110e 72%)}
.post-card:hover{border-color:#6ba77d;transform:translateY(-4px)}
.card-image{aspect-ratio:1.8}
.card-code{height:188px;background:linear-gradient(#26423122 1px,transparent 1px),linear-gradient(90deg,#26423122 1px,transparent 1px),radial-gradient(ellipse at center,#23463277,transparent 80%);background-size:45px 45px,45px 45px,100% 100%}
.card-content{padding:27px 27px 23px}
.post-card h2{font-size:25px;line-height:1.24;font-weight:600;letter-spacing:-.035em}
.card-excerpt{font-size:14px;color:#b8c7ba;line-height:1.75}
.card-bottom{font-size:11px}
.read-link{font-size:12px;font-weight:700;color:var(--green)}
.training-banner{padding:65px 0;background:linear-gradient(110deg,#122b1b,#0e1812 65%);border-color:#365540}
.training-banner h2{font-size:clamp(29px,3vw,42px);font-weight:600;line-height:1.15}
.training-banner p:not(.eyebrow){font-size:14px;color:#bdcdbf}
.site-footer{padding:36px 0}
.footer-inner>a:not(.brand){font-size:12px}
.copyright{font-size:10px}
.article-header{padding-top:73px;max-width:950px}
.article-header h1{font-size:clamp(42px,5.2vw,72px);font-weight:600;letter-spacing:-.055em;line-height:1.09}
.article-meta{font-size:12px}
.article-cover img{border-radius:10px}
.entry-content{max-width:790px;font-size:18px;line-height:1.83;color:#d2ded4}
.entry-content h2{font-size:clamp(29px,3vw,39px);font-weight:600;letter-spacing:-.04em}
.entry-content h3{font-weight:600}
.entry-content a{color:var(--green)}
.entry-content blockquote{background:#15251a;border-radius:0 8px 8px 0}
.entry-footer,.comments-wrap{width:min(790px,calc(100% - 48px))}
.archive-header{padding-top:75px}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.intro-grid{gap:48px}.intro-grid h1{font-size:clamp(44px,5vw,64px)}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-navigation{top:77px}.header-inner{min-height:76px}.brand{font-size:18px}.brand-mark{width:37px;height:37px;font-size:22px}.blog-intro{padding:57px 0 54px}.intro-grid{display:block}.intro-grid h1{font-size:clamp(42px,10vw,59px);line-height:1.05;letter-spacing:-.055em}.intro-description{font-size:15px}.intro-note{font-size:9px}.code-panel{margin:46px auto 0;transform:none;max-width:500px}.code-panel pre{font-size:clamp(11px,3vw,15px)}.posts-section{padding-block:55px 75px}.post-card h2{font-size:25px}.card-excerpt{font-size:14px}.training-banner{padding:45px 0}.training-banner h2{font-size:32px}.article-header{padding-top:43px}.article-header h1{font-size:clamp(36px,8.6vw,52px)}.entry-content{font-size:17px}}
@media(max-width:380px){.brand{font-size:16px}.blog-badge{display:none}.intro-grid h1{font-size:39px}}