/* jebrilosawaru.com article design v3 (Jay 2026-10-20). Built by copy-projects/blog/wp-build/build_article_css.py; do not edit here. */
@font-face{font-family:'JO Archivo';font-style:normal;font-weight:400 800;font-stretch:62% 100%;font-display:swap;src:url(/wp-content/uploads/jo-site/fonts/archivo-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'JO Archivo';font-style:normal;font-weight:400 800;font-stretch:62% 100%;font-display:swap;src:url(/wp-content/uploads/jo-site/fonts/archivo-normal-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'JO Newsreader';font-style:normal;font-weight:300 700;font-display:swap;src:url(/wp-content/uploads/jo-site/fonts/newsreader-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'JO Newsreader';font-style:normal;font-weight:300 700;font-display:swap;src:url(/wp-content/uploads/jo-site/fonts/newsreader-normal-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'JO Newsreader';font-style:italic;font-weight:300 700;font-display:swap;src:url(/wp-content/uploads/jo-site/fonts/newsreader-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'JO Newsreader';font-style:italic;font-weight:300 700;font-display:swap;src:url(/wp-content/uploads/jo-site/fonts/newsreader-italic-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'JO Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/uploads/jo-site/fonts/plexmono-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'JO Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/uploads/jo-site/fonts/plexmono-400-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'JO Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/wp-content/uploads/jo-site/fonts/plexmono-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'JO Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/wp-content/uploads/jo-site/fonts/plexmono-500-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
 --deep:#0C1E17; --dark:#163B2E; --mid:#1D6A4C; --soft:#5E9078; --mist:#DCE9E1; --mist-2:#E8EFEA;
 --paper:#FFFFFF; --band:#F3F7F4; --ink:#1F2723; --ink-2:#46524C; --ink-3:#6E7A73; --rule:#D9DED6; --gold:#B8975A;
 --serif:'JO Newsreader',Georgia,serif; --sans:'JO Archivo',system-ui,sans-serif;
 --col:590px; --gut:clamp(20px,5vw,48px);
}
body.jo-article{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:20px;line-height:1.65;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.jo-article .progress{position:fixed;top:calc(var(--wp-admin--admin-bar--height,0px) + 0px);left:0;height:3px;width:0;background:var(--mid);z-index:50}
body.jo-article .topbar{background:var(--deep)}
body.jo-article .topbar .in{max-width:1180px;margin:0 auto;padding:0 var(--gut);height:64px;display:flex;align-items:center;justify-content:space-between}
body.jo-article .mark{font-family:var(--sans);font-variation-settings:"wdth" 62;font-weight:800;font-size:17px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--paper)}
body.jo-article .mark:hover{color:var(--paper)}
body.jo-article .back{font-family:var(--sans);font-size:14px;color:var(--mist);text-decoration:none;opacity:.8}
body.jo-article .back:hover{color:var(--paper);opacity:1}
body.jo-article .hero{grid-column:2 / 4;grid-row:1;padding:clamp(44px,7vw,88px) 0 clamp(30px,4vw,48px)}
body.jo-article .eyebrow{display:flex;align-items:center;gap:12px;font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mid);margin:0}
body.jo-article .eyebrow::before{content:"";width:28px;height:1.5px;background:var(--gold)}
body.jo-article .hero h1{margin:18px 0 0;font-family:var(--sans);font-variation-settings:"wdth" 88;font-weight:750;font-size:clamp(36px,5vw,58px);line-height:1.04;letter-spacing:-.012em;color:var(--deep)}
body.jo-article .dek{margin:14px 0 0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(21px,2.3vw,27px);line-height:1.3;color:var(--dark)}
body.jo-article .byline{display:flex;align-items:center;gap:14px;margin:30px 0 0;padding:18px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-family:var(--sans)}
body.jo-article .byline img{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:50% 22%;background:var(--mist)}
body.jo-article .byline .who{font-size:15px;font-weight:650;color:var(--ink);line-height:1.3}
body.jo-article .byline .when{font-size:13.5px;color:var(--ink-3);line-height:1.3}
body.jo-article .layout{max-width:1180px;margin:0 auto;padding:0 var(--gut) clamp(70px,9vw,120px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--col)) minmax(0,1fr);column-gap:56px}
body.jo-article .toc{grid-column:1;grid-row:2;justify-self:end;width:100%;max-width:230px}
body.jo-article .toc .stick{position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + 36px)}
body.jo-article .toc p{margin:0 0 12px;font-family:var(--sans);font-size:11.5px;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
body.jo-article .toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--rule)}
body.jo-article .toc li{margin:0}
body.jo-article .toc a{display:block;padding:7px 0 7px 14px;margin-left:-1px;border-left:2px solid transparent;font-family:var(--sans);font-size:14px;line-height:1.35;color:var(--ink-2);text-decoration:none}
body.jo-article .toc a:hover{color:var(--mid)}
body.jo-article .toc a.on{color:var(--mid);border-left-color:var(--mid);font-weight:600}
body.jo-article .toc-m{display:none}
body.jo-article .body{grid-column:2;grid-row:2;min-width:0}
body.jo-article .body > p:first-child{font-size:22px;line-height:1.6;color:var(--ink)}
body.jo-article .body p,body.jo-article .body ul,body.jo-article .body ol{margin:0 0 1.1em}
body.jo-article .body ul,body.jo-article .body ol{padding-left:1.25em}
body.jo-article .body li{margin:0 0 .5em;padding-left:.2em}
body.jo-article .body li::marker{color:var(--mid)}
body.jo-article .body ol li::marker{font-family:var(--sans);font-weight:700;font-size:.85em}
body.jo-article .body strong{font-weight:650;color:var(--deep)}
body.jo-article .body a{color:var(--mid);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--soft)}
body.jo-article .body a:hover{color:var(--dark)}
body.jo-article .body h2{margin:2.3em 0 .6em;font-family:var(--sans);font-variation-settings:"wdth" 92;font-weight:720;font-size:34px;line-height:1.16;letter-spacing:-.01em;color:var(--deep);scroll-margin-top:90px}
body.jo-article .body h3{margin:1.9em 0 .45em;font-family:var(--sans);font-variation-settings:"wdth" 95;font-weight:700;font-size:24px;line-height:1.28;color:var(--deep)}
body.jo-article .body code{font-family:'JO Mono',ui-monospace,Menlo,monospace;font-size:.82em;background:var(--mist-2);border:1px solid var(--rule);padding:.08em .38em;border-radius:5px;color:var(--deep)}
body.jo-article .body figure{margin:2em 0}
body.jo-article .body figure.wide{margin-right:-200px}
body.jo-article .body figure img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--rule);background:#fff}
body.jo-article .body figcaption{margin:12px 0 0;font-family:var(--serif);font-style:italic;font-size:16px;line-height:1.45;color:var(--ink-2)}
body.jo-article .body figure.wp-block-table{margin:1.4em 0 1.8em}
body.jo-article .body table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:15.5px;line-height:1.5}
body.jo-article .body th{text-align:left;font-size:11.5px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--mid);padding:0 14px 10px 0;border-bottom:1.5px solid var(--ink)}
body.jo-article .body td{vertical-align:top;padding:13px 14px 13px 0;border-bottom:1px solid var(--rule);color:var(--ink-2)}
body.jo-article .body td:first-child{width:32%;color:var(--deep);font-weight:600}
body.jo-article .body td strong{color:var(--deep)}
body.jo-article .body hr{border:0;margin:3em 0;text-align:center;height:auto}
body.jo-article .body hr::after{content:"\2022  \2022  \2022";letter-spacing:.6em;color:var(--soft);font-size:14px}
body.jo-article .body details{border-bottom:1px solid var(--rule)}
body.jo-article .body details:first-of-type{border-top:1px solid var(--rule)}
body.jo-article .body summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-family:var(--sans);font-weight:650;font-size:18px;line-height:1.35;color:var(--deep)}
body.jo-article .body summary::-webkit-details-marker{display:none}
body.jo-article .body summary::after{content:"+";font-weight:400;font-size:24px;line-height:1;color:var(--mid)}
body.jo-article .body details[open] summary::after{content:"\2212"}
body.jo-article .body details p{margin:0 0 18px;color:var(--ink-2)}
body.jo-article .guide{margin:2.4em 0;display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:28px;align-items:center;background:var(--deep);border-radius:18px;padding:28px}
body.jo-article .guide-cover{display:block;width:100%;height:auto;border-radius:5px;box-shadow:0 16px 36px rgba(0,0,0,.45)}
body.jo-article .guide p.guide-k{margin:0;display:flex;align-items:center;gap:10px;font-family:var(--sans);font-size:11.5px;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:#9CC3AF}
body.jo-article .guide p.guide-k::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
body.jo-article .guide h3{margin:10px 0 0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:25px;line-height:1.2;color:var(--paper)}
body.jo-article .guide p.guide-d{margin:10px 0 0;font-family:var(--sans);font-size:15px;line-height:1.55;color:#C3D3C9}
body.jo-article .guide-btns{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
body.jo-article .body .guide-btn{text-decoration:none;display:inline-flex;align-items:center;background:var(--mist);color:var(--deep);text-decoration:none;font-family:var(--sans);font-weight:700;font-size:15px;padding:12px 20px;border-radius:999px}
body.jo-article .body .guide-btn:hover,body.jo-article .body .guide-btn:focus{background:#fff;color:var(--deep)}
body.jo-article .body .guide-follow{text-decoration:none;display:inline-flex;align-items:center;border:1px solid rgba(220,233,225,.35);color:var(--mist);text-decoration:none;font-family:var(--sans);font-weight:600;font-size:15px;padding:11px 18px;border-radius:999px}
body.jo-article .body .guide-follow:hover,body.jo-article .body .guide-follow:focus{border-color:var(--mist);color:#fff}
body.jo-article .guide p.guide-n{margin:12px 0 0;font-family:var(--sans);font-size:13px;color:#8FA99B}
body.jo-article .foot{background:var(--deep);color:#8FA99B;font-family:var(--sans);font-size:14px}
body.jo-article .foot .in{max-width:1180px;margin:0 auto;padding:28px var(--gut);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px}
body.jo-article .foot a{color:var(--mist);text-decoration:none}
body.jo-article .foot a:hover{color:#fff}
body.jo-article .foot nav{display:flex;gap:12px 24px;flex-wrap:wrap}
@media (max-width:1100px){body.jo-article .layout{grid-template-columns:minmax(0,1fr);max-width:calc(var(--col) + 2*var(--gut))}
body.jo-article .toc{display:none}
body.jo-article .hero{grid-column:1;grid-row:1}
body.jo-article .body{grid-row:2}
body.jo-article .body{grid-column:1}
body.jo-article .toc-m{display:block;margin:22px 0 0;border:1px solid var(--rule);border-radius:12px;background:#fff8}
body.jo-article .toc-m summary{list-style:none;cursor:pointer;padding:14px 18px;font-family:var(--sans);font-size:13px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);display:flex;justify-content:space-between}
body.jo-article .toc-m summary::-webkit-details-marker{display:none}
body.jo-article .toc-m summary::after{content:"+";color:var(--mid);font-size:18px;letter-spacing:0}
body.jo-article .toc-m[open] summary::after{content:"\2212"}
body.jo-article .toc-m ol{margin:0;padding:0 18px 14px 36px}
body.jo-article .toc-m li{margin:6px 0}
body.jo-article .toc-m a{font-family:var(--sans);font-size:15px;color:var(--mid);text-decoration:none}
body.jo-article .body figure.wp-block-image{margin-left:0;margin-right:0}
body.jo-article .body figcaption{margin:10px 0 0}}
@media (max-width:640px){body.jo-article{font-size:18px;line-height:1.62}
body.jo-article .body > p:first-child{font-size:19.5px}
body.jo-article .body h2{font-size:27px}
body.jo-article .body h3{font-size:21px}
body.jo-article .body blockquote{padding:18px 20px}
body.jo-article .body blockquote p{font-size:18px}
body.jo-article .guide{grid-template-columns:1fr;padding:22px}
body.jo-article .guide-cover{max-width:150px}
body.jo-article .body table,body.jo-article .body thead,body.jo-article .body tbody,body.jo-article .body tr,body.jo-article .body th,body.jo-article .body td{display:block}
body.jo-article .body thead{display:none}
body.jo-article .body td{border:0;padding:2px 0;width:auto}
body.jo-article .body td:first-child{width:auto}
body.jo-article .body tr{padding:12px 0;border-bottom:1px solid var(--rule)}}
body.jo-article .hero-img{margin:30px 0 0}
body.jo-article .hero-img img{display:block;width:100%;height:auto;border-radius:14px;aspect-ratio:2.35/1;object-fit:cover}
body.jo-article .hero-img figcaption{margin-top:10px;font-family:var(--serif);font-style:italic;font-size:15.5px;color:var(--ink-3)}
body.jo-article .body figure.shot img{border-radius:12px;border:1px solid var(--rule);box-shadow:0 18px 40px -22px rgba(12,30,23,.35)}
body.jo-article .body figure.diagram img{border:0;border-radius:16px}
body.jo-article .body h3.reason{display:flex;align-items:center;gap:14px;margin-top:2.4em}
body.jo-article .body h3.reason .rn{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--mist);color:var(--deep);font-family:var(--sans);font-size:18px;font-weight:750}
body.jo-article .body p.hook{font-size:27px;line-height:1.3;margin:0 0 .5em;color:var(--deep)}
body.jo-article .body p.hook strong{font-weight:600}
body.jo-article .body blockquote.pull{margin:1.8em 0;padding:6px 0 6px 26px;border-left:3px solid var(--gold);background:none}
body.jo-article .body blockquote.pull p{margin:0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:29px;line-height:1.3;color:var(--dark)}
body.jo-article .body figure.people{margin:1.8em 0;padding:24px 26px 20px;background:#fff;border:1px solid var(--rule);border-radius:16px;box-shadow:0 14px 34px -24px rgba(12,30,23,.35);position:relative}
body.jo-article .body figure.people::before{content:"\201C";position:absolute;top:-2px;left:20px;font-family:var(--serif);font-size:74px;line-height:1;color:var(--mist)}
body.jo-article .body figure.people blockquote{margin:0;padding:18px 0 0;border:0;background:none}
body.jo-article .body figure.people blockquote p{margin:0;font-family:var(--serif);font-size:21px;line-height:1.5;color:var(--ink)}
body.jo-article .body figure.people figcaption{margin:12px 0 0;font-family:var(--sans);font-style:normal;font-size:13.5px;color:var(--ink-3)}
body.jo-article .body figure.people .who{font-weight:700;color:var(--mid);margin-right:4px}
body.jo-article .body .note{position:relative;margin:1.8em 0;padding:20px 24px 18px 26px;border-radius:14px;border:1px solid}
body.jo-article .body .note::before{position:absolute;top:-14px;left:-14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--sans);font-weight:800;font-size:16px;color:#fff;border:3px solid #fff}
body.jo-article .body .note p{margin:0 0 .5em;font-size:18.5px;line-height:1.6}
body.jo-article .body .note p:last-child{margin:0}
body.jo-article .body .note-k{font-family:var(--sans)!important;font-size:12px!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px!important}
body.jo-article .body .note.know{background:var(--band);border-color:#CFE0D5}
body.jo-article .body .note.know::before{content:"i";background:var(--mid)}
body.jo-article .body .note.know .note-k{color:var(--mid)}
body.jo-article .body .note.careful{background:#FBF1EC;border-color:#EBCFC4}
body.jo-article .body .note.careful::before{content:"!";background:#B5543A}
body.jo-article .body .note.careful .note-k{color:#9C4630}
body.jo-article .body .note.tip{background:#F2F8F4;border-color:#BFD9C9}
body.jo-article .body .note.tip::before{content:"\2713";background:var(--dark)}
body.jo-article .body .note.tip .note-k{color:var(--dark)}
body.jo-article .body aside.margin{float:right;clear:right;width:200px;margin:4px -250px 12px 0;padding-left:14px;border-left:2px solid var(--gold);font-family:var(--sans);font-size:14px;line-height:1.5;color:var(--ink-2)}
body.jo-article .body pre.code{margin:1.4em 0;padding:0 22px 18px;background:var(--deep);color:#DCE9E1;border-radius:14px;overflow:auto;font-family:'JO Mono',ui-monospace,Menlo,monospace;font-size:16px;line-height:1.7;white-space:pre}
body.jo-article .body pre.code .code-k{display:block;padding:10px 22px;margin:0 -22px 14px;background:var(--dark);color:#9CC3AF;font-size:12.5px;letter-spacing:.06em}
body.jo-article .body pre.code::first-line{color:inherit}
body.jo-article .body ol.steps{list-style:none;counter-reset:st;margin:1.4em 0;padding:18px;background:var(--band);border-radius:18px;display:grid;gap:10px}
body.jo-article .body ol.steps li{counter-increment:st;position:relative;margin:0;padding:16px 18px 16px 64px;background:#fff;border:1px solid var(--rule);border-radius:12px;font-size:18px;line-height:1.55}
body.jo-article .body ol.steps li::before{content:counter(st);position:absolute;left:16px;top:14px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--mid);color:#fff;font-family:var(--sans);font-weight:750;font-size:15px}
body.jo-article .body .checklist{margin:1.6em 0;padding:20px 24px;border:1.5px dashed var(--soft);border-radius:16px;display:grid;gap:10px}
body.jo-article .body .checklist .note-k{color:var(--mid)}
body.jo-article .body .checklist label{display:flex;gap:12px;align-items:flex-start;font-family:var(--sans);font-size:16.5px;line-height:1.45;color:var(--ink);cursor:pointer}
body.jo-article .body .checklist input{flex:none;width:20px;height:20px;margin-top:1px;accent-color:var(--mid)}
body.jo-article .body .checklist label:has(input:checked){color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--soft)}
body.jo-article .body .author{display:flex;gap:18px;align-items:center;margin:2.6em 0 1.2em;padding:22px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
body.jo-article .body .author img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 22%}
body.jo-article .body .author p{margin:0}
body.jo-article .body .author-n{font-family:var(--sans);font-weight:700;font-size:16px;color:var(--deep)}
body.jo-article .body .author-b{font-size:17px;line-height:1.5;color:var(--ink-2);margin-top:4px!important}
body.jo-article .body a.author-f{display:inline-block;margin-top:10px;font-family:var(--sans);font-weight:650;font-size:14.5px;color:var(--mid);text-decoration:none;border:1px solid var(--soft);padding:7px 14px;border-radius:999px}
body.jo-article .body .series{display:block;margin:1.2em 0 0;padding:22px 24px;border-radius:16px;background:var(--band);border:1px solid #CFE0D5;text-decoration:none}
body.jo-article .body .series .series-k{display:block;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mid)}
body.jo-article .body .series .series-t{display:block;margin-top:6px;font-family:var(--sans);font-weight:720;font-size:22px;line-height:1.25;color:var(--deep)}
@media (max-width:1100px){body.jo-article .body figure.wide{margin-right:0}
body.jo-article .body aside.margin{float:none;width:auto;margin:0 0 1.1em;padding:10px 14px;background:var(--band);border-left:3px solid var(--gold);border-radius:0 10px 10px 0}}
@media (max-width:640px){body.jo-article .body blockquote.pull p{font-size:24px}
body.jo-article .body p.hook{font-size:23px}
body.jo-article .body ol.steps{padding:10px}
body.jo-article .body ol.steps li{padding:14px 14px 14px 56px;font-size:17px}
body.jo-article .body .note::before{left:-8px}}
body.jo-article .bde-shortcode,body.jo-article .bde-section .section-container{max-width:none;padding:0;margin:0;width:100%}
body.jo-article .layout *{box-sizing:border-box}