[data-skin=sadu] .wrap{max-width:1280px;padding-inline:16px}@media (min-width:768px){[data-skin=sadu] .wrap{padding-inline:24px}}@media (min-width:1024px){[data-skin=sadu] .wrap{padding-inline:32px}}[data-skin=sadu] .x-page.wrap{max-width:880px}[data-skin=sadu] .x-404.wrap{max-width:720px}[data-skin=sadu] :is(.x-banner,.x-list,.x-post,.x-page,.x-gallery,.x-404,.x-search) [class*=rounded],[data-skin=sadu] :is(.x-lead,.x-overlay,.x-card,.x-row,.x-mini,.x-num,.x-promo,.x-box,.x-catlist,.x-tag,.x-badge,.x-count,.x-toc,.x-cta,.x-empty,.x-figimg,.x-img,.x-tile,.x-search){border-radius:0}[data-skin=sadu] :is(.x-title,.x-h,.x-boxtitle,.x-subhead,.x-404num){font-family:var(--fd), sans-serif;color:var(--p);letter-spacing:-.005em;font-weight:800}[data-skin=sadu] .x-crumbs{color:color-mix(in oklab, var(--p) 70%, var(--s));font-size:13px;font-weight:700}[data-skin=sadu] .x-crumbs a{padding:1px 4px;transition:background .15s,color .15s}[data-skin=sadu] .x-crumbs a:hover{background:var(--p);color:var(--s)}[data-skin=sadu] .x-crumbs [aria-current]{color:var(--p)}[data-skin=sadu] .x-banner{background:var(--a);color:var(--p);border-bottom:0;padding-bottom:40px;position:relative}[data-skin=sadu] .x-banner:after{content:"";border-top:3px solid var(--p);background:linear-gradient(var(--p), var(--p)) top / 100% 8px no-repeat, linear-gradient(var(--b), var(--b)) bottom / 100% 8px no-repeat, linear-gradient(45deg, var(--p) 25%, transparent 25%, transparent 75%, var(--p) 75%) 12px 12px / 24px 24px, linear-gradient(-45deg, var(--p) 25%, transparent 25%, transparent 75%, var(--p) 75%) 12px 12px / 24px 24px, var(--s);height:40px;position:absolute;inset:auto 0 0}[data-skin=sadu] .x-banner>.wrap{padding-block:40px 44px}[data-skin=sadu] .x-banner .x-crumbs{color:color-mix(in oklab, var(--p) 78%, var(--a))}[data-skin=sadu] .x-banner .x-kicker{background:var(--s);color:var(--p);border:2px solid var(--p);box-shadow:4px 4px 0 var(--p);font-family:var(--fd), sans-serif;margin-bottom:14px;padding:5px 14px;font-size:14px;font-weight:600;line-height:1.4;display:inline-block;transform:rotate(-4deg)}[data-skin=sadu] .x-banner .x-title{gap:16px;margin-top:6px;font-size:clamp(32px,5.2vw,64px);line-height:1.15}[data-skin=sadu] .x-banner .x-title .x-bar{background:var(--p);width:22px;height:22px;box-shadow:4px 4px 0 var(--b);border-radius:0;flex-shrink:0;transform:rotate(45deg)}[data-skin=sadu] .x-banner .x-lede{color:var(--p);margin-top:18px;font-size:17px;font-weight:500;line-height:1.9}[data-skin=sadu] .x-count{background:var(--p);color:var(--a);border:2px solid var(--p);box-shadow:4px 4px 0 var(--b);font-family:var(--fd), sans-serif;padding:8px 14px;font-size:15px;font-weight:800}[data-skin=sadu] .x-sechead{margin-bottom:28px}[data-skin=sadu] .x-sechead .x-h{gap:12px;font-size:clamp(24px,3vw,32px);line-height:1.3}[data-skin=sadu] .x-sechead .x-bar,[data-skin=sadu] .x-boxtitle .x-bar{background:var(--a);border:2px solid var(--p);width:16px;height:16px;box-shadow:3px 3px 0 var(--p);border-radius:0;flex-shrink:0}[data-skin=sadu] .x-sechead .x-rule{background:var(--p);height:3px}[data-skin=sadu] .x-sechead .x-more{color:var(--p);border-bottom:3px solid var(--p);padding-bottom:3px;font-size:15px}[data-skin=sadu] .x-sechead .x-more:hover{color:var(--p);gap:8px}[data-skin=sadu] .x-sechead .x-kicker{border:2px solid var(--p);background:var(--a);color:var(--p);padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}[data-skin=sadu] .x-label{background:var(--b);width:fit-content;color:var(--s);border:2px solid var(--p);box-shadow:3px 3px 0 var(--p);align-self:flex-start;margin-bottom:6px;padding:2px 10px;font-size:12.5px;font-weight:700;line-height:1.5;display:inline-block;transform:rotate(-4deg)}[data-skin=sadu] .x-badge{background:var(--a);color:var(--p);border:2px solid var(--p);box-shadow:3px 3px 0 var(--p);padding:3px 12px;font-size:13px;font-weight:700;line-height:1.5;display:inline-block;transform:rotate(-6deg)}[data-skin=sadu] .x-meta{color:color-mix(in oklab, var(--p) 62%, var(--s));font-weight:500}[data-skin=sadu] :is(.x-lead,.x-overlay) .x-meta{color:#fffc;color:lab(100% -.0000298023 .0000119209/.8)}[data-skin=sadu] .x-dek{color:color-mix(in oklab, var(--p) 76%, var(--s))}[data-skin=sadu] :is(.x-lead,.x-overlay){border:2px solid var(--p);box-shadow:6px 6px 0 var(--p);background:var(--p);transition:transform .18s,box-shadow .18s}[data-skin=sadu] :is(.x-lead,.x-overlay):hover{box-shadow:10px 10px 0 var(--p);transform:translateY(-4px)}[data-skin=sadu] :is(.x-lead,.x-overlay) .x-h{color:#fff;font-weight:800}[data-skin=sadu] .x-lead .x-h{font-size:clamp(24px,3.2vw,38px);line-height:1.35}[data-skin=sadu] .x-card{border:2px solid var(--p);box-shadow:6px 6px 0 var(--p);background:#fff;transition:transform .18s,box-shadow .18s}[data-skin=sadu] .x-card:hover{box-shadow:10px 10px 0 var(--p);transform:translateY(-4px)}[data-skin=sadu] .x-card .x-img{border-bottom:2px solid var(--p);background:color-mix(in oklab, var(--p) 8%, var(--s))}[data-skin=sadu] .x-card .x-body{padding:18px 20px 20px}[data-skin=sadu] .x-card .x-h{font-size:19px;line-height:1.5}[data-skin=sadu] :is(.x-card,.x-row,.x-text,.x-mini,.x-num) .x-h{color:var(--p)}[data-skin=sadu] :is(.x-card,.x-row,.x-text,.x-mini,.x-num):hover .x-h a{text-decoration:underline;-webkit-text-decoration-color:var(--a);text-decoration-color:var(--a);text-underline-offset:5px;text-decoration-thickness:3px}[data-skin=sadu] .x-row{border-bottom:2px dashed var(--p);padding-block:24px}[data-skin=sadu] .x-row:first-child{padding-top:0}[data-skin=sadu] .x-row:last-of-type{border-bottom:0}[data-skin=sadu] .x-row .x-h{font-weight:800}[data-skin=sadu] :is(.x-row,.x-mini) .x-img{border:2px solid var(--p);box-shadow:4px 4px 0 var(--p);background:color-mix(in oklab, var(--p) 8%, var(--s));transition:transform .18s,box-shadow .18s}[data-skin=sadu] .x-row:hover .x-img{box-shadow:6px 6px 0 var(--a);transform:translate(-2px,-2px)}[data-skin=sadu] .x-mini .x-img{box-shadow:3px 3px 0 var(--p)}[data-skin=sadu] :is(.x-text,.x-mini,.x-num){border-bottom:2px dashed color-mix(in oklab, var(--p) 45%, var(--s))}[data-skin=sadu] :is(.x-text,.x-mini,.x-num):last-child{border-bottom:0}[data-skin=sadu] .x-mini .x-h{font-size:15px}[data-skin=sadu] .x-numeral{background:var(--p);width:34px;height:34px;color:var(--a);font-family:var(--fd), sans-serif;font-size:16px;font-weight:800;line-height:1}[data-skin=sadu] .x-num .x-h{font-size:15px;line-height:1.6}[data-skin=sadu] .x-pager{gap:10px;margin-top:44px}[data-skin=sadu] .x-pager a{color:var(--p);border:2px solid var(--p);box-shadow:3px 3px 0 var(--p);font-family:var(--fd), sans-serif;background:#fff;font-weight:800;transition:transform .15s,box-shadow .15s}[data-skin=sadu] .x-pager a:hover{background:var(--a);box-shadow:5px 5px 0 var(--p);transform:translate(-2px,-2px)}[data-skin=sadu] .x-pager a.x-on{background:var(--p);color:var(--a);box-shadow:3px 3px 0 var(--b)}[data-skin=sadu] .x-empty{border:2px dashed var(--p);color:var(--p);background:#fff}[data-skin=sadu] .x-empty svg{color:var(--b)}[data-skin=sadu] .x-empty p{color:var(--p);font-family:var(--fd), sans-serif;font-weight:800}[data-skin=sadu] .x-side>*+*{margin-top:32px}[data-skin=sadu] .x-promo{background:var(--b);color:var(--s);border:2px solid var(--p);box-shadow:6px 6px 0 var(--p)}[data-skin=sadu] .x-promo>div:first-child>span{background:var(--a);color:var(--p);border:2px solid var(--p);box-shadow:3px 3px 0 var(--p);border-radius:0}[data-skin=sadu] .x-promo .x-h{color:var(--s);font-size:22px;line-height:1.35}[data-skin=sadu] .x-promo p:not(.x-h){color:color-mix(in oklab, var(--s) 82%, var(--b))}[data-skin=sadu] .x-promo>div:last-child{border-top:2px solid var(--p)}[data-skin=sadu] .x-promo>div:last-child>a:first-child{background:var(--s);color:var(--p)}[data-skin=sadu] .x-promo>div:last-child>a:first-child:hover{background:var(--a)}[data-skin=sadu] .x-promo>div:last-child>a:last-child{color:#fff;border-inline-start:2px solid var(--p);background:#0f7a4b}[data-skin=sadu] .x-promo>div:last-child>a:last-child:hover{background:color-mix(in oklab, #0f7a4b 85%, var(--p))}[data-skin=sadu] .x-box{border:2px solid var(--p);box-shadow:6px 6px 0 var(--p);background:#fff;padding:22px 22px 24px}[data-skin=sadu] .x-boxtitle{border-bottom:3px solid var(--p);gap:10px;margin-bottom:16px;padding-bottom:12px;font-size:20px;line-height:1.3}[data-skin=sadu] .x-catlist{border:2px solid var(--p);box-shadow:none}[data-skin=sadu] .x-catlist li{border-bottom:2px solid var(--p)}[data-skin=sadu] .x-catlist li:last-child{border-bottom:0}[data-skin=sadu] .x-catlist a{color:var(--p);font-weight:700}[data-skin=sadu] .x-catlist a:hover{background:color-mix(in oklab, var(--a) 40%, #fff)}[data-skin=sadu] .x-catlist a>span:last-child{text-align:center;background:var(--p);min-width:28px;color:var(--a);font-family:var(--fd), sans-serif;padding:1px 6px;font-size:13px;font-weight:800}[data-skin=sadu] .x-catlist a.x-on{background:var(--a);color:var(--p);font-weight:800}[data-skin=sadu] .x-catlist a.x-on>span:last-child{color:var(--a)}[data-skin=sadu] .x-tag{color:var(--p);border:2px solid var(--p);background:0 0;padding:4px 11px;font-size:13.5px;font-weight:700;line-height:1.4}[data-skin=sadu] .x-tag:hover{background:var(--p);color:var(--s)}[data-skin=sadu] .x-post{gap:48px}[data-skin=sadu] .x-article header{margin-top:26px}[data-skin=sadu] .x-article header .x-badge{padding:4px 14px;font-size:14px;transform:rotate(-4deg)}[data-skin=sadu] :is(.x-article,.x-page) .x-title{background:linear-gradient(transparent 52%, var(--a) 52%, var(--a) 90%, transparent 90%) 0 0 / 100% 1.45em repeat-y;width:fit-content;max-width:100%;font-size:clamp(30px,4.6vw,52px);line-height:1.45}[data-skin=sadu] .x-page .x-title{display:block}[data-skin=sadu] .x-page .x-title .x-bar{display:none}[data-skin=sadu] .x-article .x-lede{color:var(--p);border-inline-start:6px solid var(--b);padding-inline-start:18px;font-weight:500}[data-skin=sadu] .x-postmeta{border-block:2px solid var(--p);color:var(--p);padding-block:14px}[data-skin=sadu] .x-postmeta>div:first-child{color:color-mix(in oklab, var(--p) 70%, var(--s));font-weight:500}[data-skin=sadu] .x-postmeta>div:first-child>span:first-child{color:var(--p)}[data-skin=sadu] .x-postmeta>div:first-child>span:first-child>span{background:var(--p);color:var(--a);border-radius:0}[data-skin=sadu] .x-postmeta a{border:2px solid var(--p);color:var(--p);box-shadow:2px 2px 0 var(--p);background:#fff;border-radius:0;transition:transform .15s,box-shadow .15s,background .15s}[data-skin=sadu] .x-postmeta a:hover{background:var(--a);box-shadow:3px 3px 0 var(--p);transform:translate(-1px,-1px)}[data-skin=sadu] .x-figure{margin-top:28px}[data-skin=sadu] :is(.x-figure,.x-page) .x-figimg{border:2px solid var(--p);box-shadow:10px 10px 0 var(--p)}[data-skin=sadu] .x-figure figcaption{border:2px solid var(--p);background:var(--s);color:var(--p);margin-top:18px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}[data-skin=sadu] .x-toc{background:var(--a);color:var(--p);border:2px solid var(--p);box-shadow:6px 6px 0 var(--p);padding:22px 24px}[data-skin=sadu] .x-toc>p{font-family:var(--fd), sans-serif;color:var(--p);border-bottom:3px solid var(--p);padding-bottom:10px;font-size:19px;font-weight:800}[data-skin=sadu] .x-toc ol{gap:10px 20px;margin-top:14px}[data-skin=sadu] .x-toc li{align-items:flex-start}[data-skin=sadu] .x-toc li>span{background:var(--p);width:26px;height:26px;color:var(--a);font-family:var(--fd), sans-serif;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;line-height:1;display:grid}[data-skin=sadu] .x-toc li>a{color:var(--p);font-weight:700}[data-skin=sadu] .x-toc li>a:hover{color:var(--p);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:3px}[data-skin=sadu] .x-tags{border-top:2px dashed var(--p);padding-top:24px}[data-skin=sadu] .x-tags>span{font-family:var(--fd), sans-serif;color:var(--p);font-weight:800}[data-skin=sadu] .x-cta{background:var(--b);color:var(--s);border:2px solid var(--p);box-shadow:10px 10px 0 var(--p)}[data-skin=sadu] .x-cta .x-h{color:var(--s);font-size:clamp(22px,2.6vw,30px);line-height:1.3}[data-skin=sadu] .x-cta p:not(.x-h){color:color-mix(in oklab, var(--s) 85%, var(--b))}[data-skin=sadu] :is(.x-btn-wa,.x-btn-line){border:2px solid var(--p);box-shadow:4px 4px 0 var(--p);border-radius:0;transition:transform .15s,box-shadow .15s}[data-skin=sadu] :is(.x-btn-wa,.x-btn-line):hover{box-shadow:6px 6px 0 var(--p);transform:translate(-2px,-2px)}[data-skin=sadu] .x-btn-wa{color:#fff;background:#0f7a4b}[data-skin=sadu] .x-btn-wa:hover{background:#0f7a4b}[data-skin=sadu] .x-btn-line{background:var(--s);color:var(--p)}[data-skin=sadu] .x-btn-line:hover{background:var(--a)}[data-skin=sadu] .x-related{margin-top:56px}[data-skin=sadu] .x-related>div:last-child{gap:26px}[data-skin=sadu] .prose-ar{color:color-mix(in oklab, var(--p) 86%, var(--s));font-size:1.1rem;line-height:2}[data-skin=sadu] .prose-ar :is(h2,h3){font-family:var(--fd), sans-serif;color:var(--p);font-weight:800}[data-skin=sadu] .prose-ar h2{font-size:clamp(1.5rem,2.6vw,1.95rem);line-height:1.35}[data-skin=sadu] .prose-ar h2:after{border:2px solid var(--p);background:linear-gradient(45deg, var(--p) 25%, transparent 25%, transparent 75%, var(--p) 75%) 4px 4px / 8px 8px, linear-gradient(-45deg, var(--p) 25%, transparent 25%, transparent 75%, var(--p) 75%) 4px 4px / 8px 8px, var(--a);width:96px;height:12px;margin-top:.45em}[data-skin=sadu] .prose-ar h3{border-inline-start:6px solid var(--b);padding-inline-start:14px;font-size:1.35rem}[data-skin=sadu] .prose-ar a{color:var(--p);-webkit-text-decoration-color:var(--a);text-decoration-color:var(--a);text-underline-offset:5px;font-weight:700;text-decoration-thickness:3px}[data-skin=sadu] .prose-ar a:hover{background:var(--a)}[data-skin=sadu] .prose-ar strong{color:var(--p);font-weight:800}[data-skin=sadu] .prose-ar ul li:before{background:var(--b);outline:2px solid var(--p);width:9px;height:9px}[data-skin=sadu] .prose-ar ol li{padding-inline-start:2.6em}[data-skin=sadu] .prose-ar ol li:before{background:var(--p);width:1.8em;height:1.8em;color:var(--a);font-family:var(--fd), sans-serif;border:0;border-radius:0;font-weight:800}[data-skin=sadu] .prose-ar blockquote{font-family:var(--fd), sans-serif;text-align:start;color:var(--s);background:var(--b);border:2px solid var(--p);box-shadow:6px 6px 0 var(--p);margin-inline-end:6px;padding:1.1em 1.3em;font-size:1.35rem;font-weight:600;line-height:1.7}[data-skin=sadu] .prose-ar blockquote:before{color:var(--a);font-size:3.6rem}[data-skin=sadu] .prose-ar blockquote :is(p,strong,a){color:inherit}[data-skin=sadu] .prose-ar img{border:2px solid var(--p);box-shadow:6px 6px 0 var(--p);border-radius:0;max-width:calc(100% - 6px)}[data-skin=sadu] .prose-ar hr{border-block:6px solid var(--p);background:linear-gradient(45deg, var(--p) 25%, transparent 25%, transparent 75%, var(--p) 75%) 6px 6px / 12px 12px, linear-gradient(-45deg, var(--p) 25%, transparent 25%, transparent 75%, var(--p) 75%) 6px 6px / 12px 12px, var(--a);height:24px;margin-block:2.2em}[data-skin=sadu] .prose-ar hr:after{content:none}[data-skin=sadu] .prose-ar table{border:2px solid var(--p);box-shadow:6px 6px 0 var(--p);background:#fff;max-width:calc(100% - 6px);display:block;overflow-x:auto}[data-skin=sadu] .prose-ar th{font-family:var(--fd), sans-serif;background:var(--p);color:var(--s);border-bottom:2px solid var(--p);font-weight:800}[data-skin=sadu] .prose-ar td{border-bottom:1px solid color-mix(in oklab, var(--p) 25%, var(--s))}[data-skin=sadu] .prose-ar tr:nth-child(2n) td{background:color-mix(in oklab, var(--a) 14%, #fff)}[data-skin=sadu] .x-page{padding-block:48px 24px}[data-skin=sadu] .x-tile{border:2px solid var(--p);box-shadow:6px 6px 0 var(--p);background:color-mix(in oklab, var(--p) 8%, var(--s));margin-bottom:24px;transition:transform .18s,box-shadow .18s}[data-skin=sadu] .x-tile:nth-child(3n+2){box-shadow:6px 6px 0 var(--b)}[data-skin=sadu] .x-tile:nth-child(3n){box-shadow:6px 6px 0 var(--a)}[data-skin=sadu] .x-tile:hover{box-shadow:10px 10px 0 var(--p);transform:translateY(-4px)}[data-skin=sadu] .x-tile>span{background:var(--p);font-family:var(--fd), sans-serif;color:var(--s);border-top:2px solid var(--a);padding:10px 12px;font-size:15px;font-weight:600}[data-skin=sadu] .x-subhead{background:var(--a);color:var(--p);border:2px solid var(--p);box-shadow:6px 6px 0 var(--p);margin-bottom:32px;padding:2px 18px;font-size:clamp(26px,3.4vw,38px);line-height:1.35;display:inline-block;transform:rotate(-1.5deg)}[data-skin=sadu] .x-caption{font-family:var(--fd), sans-serif;color:var(--p);font-size:16px;font-weight:600}[data-skin=sadu] .x-search{border:2px solid var(--p);box-shadow:6px 6px 0 var(--p);background:#fff;transition:box-shadow .15s,transform .15s}[data-skin=sadu] .x-search:focus-within{box-shadow:8px 8px 0 var(--a);transform:translate(-2px,-2px)}[data-skin=sadu] .x-search input{font-family:var(--fd), sans-serif;color:var(--p);padding-inline-start:18px;font-weight:600}[data-skin=sadu] .x-search input::placeholder{color:color-mix(in oklab, var(--p) 45%, #fff)}[data-skin=sadu] .x-search button{background:var(--a);color:var(--p);border:2px solid var(--p);box-shadow:3px 3px 0 var(--p);font-family:var(--fd), sans-serif;font-weight:800;transition:transform .15s,box-shadow .15s}[data-skin=sadu] .x-search button:hover{box-shadow:4px 4px 0 var(--p);transform:translate(-1px,-1px)}[data-skin=sadu] .x-search button:active{box-shadow:1px 1px 0 var(--p);transform:translate(2px,2px)}[data-skin=sadu] .x-404 .x-search button{margin:8px;padding-inline:18px}[data-skin=sadu] .x-search-btn{width:46px;inset-inline-end:10px}[data-skin=sadu] .x-404{padding-block:72px 32px}[data-skin=sadu] .x-404>svg{color:var(--b)}[data-skin=sadu] .x-404num{background:var(--a);border:2px solid var(--p);box-shadow:10px 10px 0 var(--p);margin-top:24px;padding:6px .22em 0;font-size:clamp(88px,18vw,168px);line-height:1;display:inline-block;transform:rotate(-4deg);color:var(--p)!important}[data-skin=sadu] .x-404 .x-title{margin-top:36px;font-size:clamp(28px,4vw,40px);line-height:1.35}[data-skin=sadu] .x-404>p:not(.x-404num){color:color-mix(in oklab, var(--p) 72%, var(--s))}[data-skin=sadu] .x-404>div:last-child{font-family:var(--fd), sans-serif}[data-skin=sadu] .x-404>div:last-child a{color:var(--p);border-bottom:3px solid var(--p);padding-bottom:3px;font-weight:800;text-decoration:none}[data-skin=sadu] .x-404>div:last-child a:hover{background:var(--a)}@media (max-width:639px){[data-skin=sadu] .x-banner>.wrap{padding-block:28px 32px}[data-skin=sadu] .x-banner .x-title .x-bar{width:16px;height:16px}[data-skin=sadu] :is(.x-figure,.x-page) .x-figimg,[data-skin=sadu] .x-cta{box-shadow:6px 6px 0 var(--p)}[data-skin=sadu] .x-card .x-body{padding:14px 16px 18px}[data-skin=sadu] .x-tile{box-shadow:4px 4px 0 var(--p);margin-bottom:18px}}@media (prefers-reduced-motion:reduce){[data-skin=sadu] :is(.x-card,.x-lead,.x-overlay,.x-tile,.x-pager a,.x-search,.x-search button,.x-btn-wa,.x-btn-line,.x-row .x-img){transition:none}}[data-skin=sadu] .x-extras{--x-radius:0;--x-card:#fff;--x-border:2px solid var(--p);--x-shadow:6px 6px 0 var(--p);--x-shadow-hover:9px 9px 0 var(--p);--x-btn-radius:0}[data-skin=sadu] .x-extras .x-extra-card:hover{transform:translate(-3px,-3px)}[data-skin=sadu] .x-extras .x-extra-hot{box-shadow:6px 6px 0 var(--a)}