/*
Theme Name: SILVER
Theme URI: https://ohjaewon.com
Description: GeneratePress 자식 테마 — 은빛 기본 + 기기 다크 모드 자동 전환. 타이포 중심 개인 브랜드 블로그(Grow From Within). Crystal에서 PHP 골격 포크.
Author: ohdaepyo
Template: generatepress
Version: 1.0.0
Text Domain: silver
*/

/* ============================================================
   Self-hosted fonts (assets/fonts/LICENSE.txt — SIL OFL 1.1)
   Noto Sans KR stays on Google Fonts: body Korean is open-ended, Google's unicode-range slices beat a self-hosted file.
   ponytail: hero/about files are glyph subsets — if those strings change, re-subset (fontTools.subset --text=…)
   ============================================================ */
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/instrument-sans-400-hero.woff2) format("woff2")}
@font-face{font-family:"Noto Serif KR";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/noto-serif-kr-400-about.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/inter-var-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}

/* ============================================================
   Tokens — 은빛 기본, prefers-color-scheme:dark 에서만 교체
   ============================================================ */
:root{
  color-scheme:light dark;
  --bg:#eff1f3; --panel:#f6f7f8; --text:#22272c; --muted:#626b75; --gold:#786544; --line:#cbd0d5;
  --nav:#58616b; --soft:#4e5964; --head:#343d45; --head-2:#6b7682; --lead:#303b45;
  --topic-hover:#e7ebef; --icon:#697783; --card-hover:#8c99a5;
  --btn-line:#a4aeb7; --btn-text:#303b45; --btn-bg:#e7ecf0; --btn-hover:#dde4e9;
  --nav-panel:#f2f4f6; --nav-shadow:#26344012; --sel-bg:#d5dce3; --sel-text:#22272c;
  --sans:"Inter","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --serif:"Noto Serif KR",serif;
  --display:"Instrument Sans","Inter",sans-serif;
  --width:1200px;
}
@media (prefers-color-scheme:dark){
  :root{
    color-scheme:dark;
    --bg:#0b0c0d; --panel:#111315; --text:#e8e9e9; --muted:#9b9ea2; --gold:#c0ab80; --line:#2b2d30;
    --nav:#b2b4b6; --soft:#bec0c2; --head:#d7dbde; --head-2:#9aa1a8; --lead:#d6d8da;
    --topic-hover:#ffffff02; --icon:#b0b5b9; --card-hover:#646059;
    --btn-line:#6d6555; --btn-text:#ded5c2; --btn-bg:#b9a37408; --btn-hover:#b9a37416;
    --nav-panel:#111315; --nav-shadow:#0004; --sel-bg:#c0ab80; --sel-text:#0b0c0d;
  }
}

/* ============================================================
   GeneratePress 중화 — 기본 크롬 숨김, 컨테이너 폭·배경 무력화
   (wiki: gp-child-integration 함정 3·4)
   ============================================================ */
.site-header#masthead,#mobile-header,.generate-top-bar,.top-bar,
#generate-slideout-menu,.slideout-overlay,.main-navigation,.navigation-branding,
.generate-back-to-top{display:none!important}
html,body{background:var(--bg)!important}
#page,#content{
  max-width:none!important;width:auto!important;padding:0!important;margin:0!important;
  background:transparent!important;float:none!important;display:block!important}

/* ============================================================
   Base
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:30px}
body.sv{margin:0;color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.8;
  -webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}
a{color:inherit;text-decoration:none;transition:color .2s}
a:hover,a:focus{color:var(--gold)!important}
button{font:inherit;color:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
::selection{background:var(--sel-bg);color:var(--sel-text)}
.sv h1,.sv h2,.sv h3,.sv h4,.sv p,.sv figure{margin:0}
.sv h1,.sv h2,.sv h3,.sv h4{color:var(--text)}
.sv-wrap{width:min(var(--width),calc(100% - 112px));margin-inline:auto}
.sv-skip{position:fixed;top:12px;left:12px;z-index:20;padding:10px 18px;background:var(--text);color:var(--bg);transform:translateY(-180%)}
.sv-skip:focus{transform:translateY(0)}
.sv-arrow{display:inline-block;margin-left:15px;font-weight:400}
.sv-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:500;color:var(--muted)}

/* ============================================================
   Header
   ============================================================ */
.sv-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}
.sv-wordmark{font-size:15px;font-weight:500;letter-spacing:.31em;color:var(--gold)!important;white-space:nowrap}
.sv-header-right,.sv-nav{display:flex;align-items:center}
.sv-nav{gap:36px}
.sv-nav a{font-size:12px;color:var(--nav)}
.sv-nav a:hover{color:var(--text)!important}
.sv-header-subscribe{margin-left:44px;padding-left:30px;border-left:1px solid var(--line);font-size:12px;color:var(--gold)}
.sv-menu-toggle{display:none;background:none!important;border:1px solid var(--line);width:42px;height:42px;padding:11px}
.sv-menu-toggle span{display:block;height:1px;background:var(--text);margin:5px 0;transition:transform .2s}

/* ============================================================
   Home — hero
   ============================================================ */
.sv-hero{position:relative;padding-top:54px}
.sv-hero-topline{font-size:11px;letter-spacing:.12em;color:var(--nav)}
.sv-hero-copy{padding:44px 0 48px}
.sv .sv-hero h1{font-family:var(--display);font-size:clamp(60px,9.2vw,132px);font-weight:400;line-height:1.02;letter-spacing:-.03em;color:var(--head)}
.sv-hero h1 .metal-type{color:var(--head-2)}
.sv .sv-hero-tagline{margin-top:28px;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);line-height:2.05}
.sv-hero-bottom{border-top:1px solid var(--line)}

/* ============================================================
   Home — sections
   ============================================================ */
.sv-section{padding-top:72px}
.sv-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:27px;gap:20px}
.sv-section-label{display:flex;align-items:baseline;gap:16px;min-width:0}
.sv-section-number{font-size:10px;letter-spacing:.08em;color:var(--gold)}
.sv .sv-section h2,.sv .sv-subscribe h2{font-size:24px;letter-spacing:-.055em;font-weight:500;line-height:1.4}
.sv-section-subtitle{font-size:11px;color:var(--muted);margin-left:7px}
.sv-text-link{font-size:11px;white-space:nowrap;color:var(--soft)}
.sv-text-link .sv-arrow{color:var(--gold);margin-left:18px}

.sv-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.sv-card{color:var(--text);border:1px solid var(--line);background:var(--panel);display:flex;min-width:0;transition:border-color .25s}
.sv-card:hover,.sv-card:focus-within{border-color:var(--card-hover)}
.sv-card>a{display:flex;flex-direction:column;width:100%;color:inherit}
.sv-card>a:hover{color:inherit!important}
.sv-card-picture{display:block}
.sv-card-thumb{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--line);background:var(--bg)}
.sv-card-copy{padding:23px 23px 19px;display:flex;flex-direction:column;flex:1}
.sv-card-meta{font-size:9px;letter-spacing:.03em;color:var(--gold)}
.sv .sv-card h3{font-size:18px;line-height:1.6;font-weight:500;letter-spacing:-.045em;margin-top:13px}
.sv .sv-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.9;margin-top:12px;letter-spacing:-.015em}
.sv-card-end{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:22px;color:var(--muted);font-size:9px}
.sv-card-end span:last-child{font-size:17px;color:var(--gold)}

.sv-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sv-topic{padding:28px 29px 30px;min-width:0;transition:background .2s}
.sv-topic:hover{background:var(--topic-hover);color:inherit!important}
.sv-topic:first-child{padding-left:0}
.sv-topic:last-child{padding-right:0}
.sv-topic+.sv-topic{border-left:1px solid var(--line)}
.sv-topic-top{display:flex;align-items:center;justify-content:space-between;color:var(--gold)}
.sv-topic-top svg{width:29px;height:29px;stroke:var(--icon);fill:none;stroke-width:1;display:block}
.sv-topic-top .sv-accent{fill:var(--gold);stroke:none}
.sv-topic-top .sv-accent-line{stroke:var(--gold)}
.sv-topic-top span{font-size:10px;letter-spacing:.1em}
.sv .sv-topic h3{margin-top:23px;font-size:18px;line-height:1.6;font-weight:500;letter-spacing:-.045em}
.sv .sv-topic p{margin-top:9px;color:var(--muted);font-size:12px;line-height:1.9}
.sv-topic-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:10px;color:var(--soft)}
.sv-topic-bottom span:last-child{color:var(--gold);font-size:17px}

.sv-about{display:grid;grid-template-columns:.82fr 1.6fr;gap:70px;padding-bottom:69px;border-bottom:1px solid var(--line)}
.sv-about>*{min-width:0}
.sv-about .sv-section-label{align-items:center}
.sv .sv-about-content>p:first-child{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.9;letter-spacing:-.065em;color:var(--lead)}
.sv .sv-about-content>p+p{margin-top:20px;font-size:13px;line-height:2;color:var(--muted)}
.sv-about-sign{margin-top:24px}
.sv-about-sign .sv-eyebrow{letter-spacing:.12em;font-size:9px}

/* ============================================================
   Subscribe (모든 페이지 공통, 푸터 위) — Jetpack 폼을 시안 버튼 형태로
   ============================================================ */
.sv-subscribe{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:55px 0;border-top:1px solid var(--line)}
.sv-home + .sv-subscribe{border-top:0}
.sv .sv-subscribe h2{font-size:25px}
.sv .sv-subscribe p.sv-subscribe-desc{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.9}
.sv-subscribe-actions{display:flex;flex-direction:column;align-items:flex-start;gap:17px;min-width:0}
.sv-subscribe form{display:flex;flex-direction:column;gap:10px;margin:0;min-width:260px}
.sv-subscribe form p{margin:0!important}
.sv-subscribe input[type=email]{width:100%!important;max-width:none!important;margin:0!important;padding:14px 16px;border:1px solid var(--line)!important;background:var(--panel)!important;color:var(--text)!important;font:inherit;font-size:12px;border-radius:0!important;box-shadow:none!important}
.sv-subscribe input[type=email]::placeholder{color:var(--muted)}
.sv-subscribe button,.sv-subscribe input[type=submit]{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid var(--btn-line)!important;padding:16px 21px!important;font:inherit!important;font-size:12px!important;color:var(--btn-text)!important;background:var(--btn-bg)!important;border-radius:0!important;transition:background .2s,border-color .2s;text-align:left}
.sv-subscribe button:hover,.sv-subscribe input[type=submit]:hover{background:var(--btn-hover)!important;border-color:var(--gold)!important}
.sv-subscribe .screen-reader-text,.sv-pager .screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.sv-rss{font-size:10px;color:var(--muted);padding:3px 0}

/* ============================================================
   Footer
   ============================================================ */
.sv-footer{border-top:1px solid var(--line);padding:26px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.sv-footer-left{display:flex;align-items:center;gap:24px}
.sv-footer .sv-wordmark{font-size:10px;letter-spacing:.25em}
.sv-copyright{font-size:9px;color:var(--muted)}
.sv-footer-links{display:flex;align-items:center;gap:25px;font-size:9px;color:var(--muted)}
.sv-back-top{color:var(--soft);display:flex;align-items:center;gap:15px}

/* ============================================================
   Single post / page
   ============================================================ */
.sv-reading{width:min(700px,100%);margin-inline:auto}
.sv-article-header{padding:72px 0 31px;border-bottom:1px solid var(--line)}
.sv-article-category{display:block;font-size:11px;letter-spacing:.06em;color:var(--gold);margin-bottom:15px}
.sv .sv-article-title{font-family:var(--sans);font-size:clamp(26px,3.1vw,36px);font-weight:600;line-height:1.45;letter-spacing:-.045em;text-wrap:balance}
.sv-article-date{display:block;margin-top:21px;font-size:11px;letter-spacing:.06em;color:var(--muted);font-variant-numeric:tabular-nums}
/* 날짜는 사람에게만 숨김(글·카테고리) — HTML <time datetime>과 구조화 데이터 발행일은 검색엔진용으로 유지 */
.single .sv-article-date,.category .sv-card-end>span:first-child,.home .sv-card-end>span:first-child,.search .sv-card-end>span:first-child{display:none}
.category .sv-card-end,.home .sv-card-end,.search .sv-card-end{justify-content:flex-end}
.sv-body{padding-top:36px;font-size:16px;line-height:1.95;letter-spacing:-.018em;color:var(--text)}
.sv-body>*{max-width:100%}
.sv .sv-body p{margin:0 0 24px}
.sv .sv-body h2{font-size:26px;font-weight:600;line-height:1.5;letter-spacing:-.04em;margin:64px 0 23px}
.sv .sv-body h3{font-size:21px;font-weight:600;line-height:1.6;letter-spacing:-.035em;margin:40px 0 17px}
.sv .sv-body h4{font-size:17px;font-weight:600;line-height:1.7;letter-spacing:-.025em;margin:30px 0 15px}
.sv-body ul,.sv-body ol{margin:0 0 27px;padding-left:1.5em}
.sv-body li{padding-left:.15em;margin:8px 0}
.sv-body li::marker{color:var(--gold)}
.sv-body a{color:var(--text);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:.25em;text-decoration-thickness:1px}
.sv-body a:hover{text-decoration-color:var(--gold)}
.sv .sv-body figure{margin:30px 0 36px}
.sv-body img{display:block;max-width:100%;height:auto}
.sv-body figcaption{margin-top:12px;color:var(--muted);font-size:11px;line-height:1.7;text-align:center;letter-spacing:0}
.sv-body .wp-block-table{overflow-x:auto;overscroll-behavior-x:contain}
.sv-body table{width:100%;min-width:560px;border-collapse:collapse;border:1px solid var(--line);font-size:13px;line-height:1.85;letter-spacing:-.015em;background:var(--bg);margin:0}
.sv-body td,.sv-body th{border:1px solid var(--line)!important;padding:14px 13px;vertical-align:top;word-break:keep-all;overflow-wrap:break-word;text-align:left;font-weight:400;color:var(--text);background:transparent}
.sv-body tr:first-child td,.sv-body th{background:var(--panel);font-weight:600}
.sv-body blockquote{margin:30px 0;padding:4px 0 4px 22px;border-left:1px solid var(--gold);color:var(--muted)}
.sv-body hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.sv-body code{font-size:.9em;background:var(--panel);padding:1px 5px}
/* Easy TOC */
.sv-body #ez-toc-container{display:block!important;width:auto!important;margin:34px 0 48px;padding:24px 26px;border:1px solid var(--line)!important;background:var(--panel)!important;box-shadow:none!important;border-radius:0!important;font-size:13px;line-height:1.8;letter-spacing:-.01em}
.sv-body #ez-toc-container .ez-toc-title-container{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
.sv-body #ez-toc-container .ez-toc-title{font-size:10px!important;font-weight:500!important;letter-spacing:.1em;color:var(--gold)!important;margin:0}
.sv-body #ez-toc-container .ez-toc-toggle,.sv-body #ez-toc-container .ez-toc-btn{color:var(--muted)!important;background:none!important;border:0!important}
.sv-body #ez-toc-container .ez-toc-icon-toggle-span svg{fill:currentColor}
.sv-body #ez-toc-container ul{list-style:none;padding:0;margin:0}
.sv-body #ez-toc-container ul ul{margin:7px 0 12px;padding-left:16px;border-left:1px solid var(--line)}
.sv-body #ez-toc-container li{padding:0;margin:7px 0}
.sv-body #ez-toc-container a{color:var(--text)!important;text-decoration:none;font-size:13px!important}
.sv-body #ez-toc-container a.ez-toc-link::before{content:none!important}
.sv .sv-body #ez-toc-container a.ez-toc-btn{padding:4px!important;box-shadow:none!important;border:0!important;background:none!important}
.sv .sv-body #ez-toc-container a.ez-toc-link{font-weight:400!important}
.sv-body #ez-toc-container a:hover{color:var(--gold)!important}
/* 관련 글 (ohjaewon 자체 마크업) */
/* 관련 글 + 이전/다음 글 (mu-plugin performance-tweaks 마크업, 그 CSS의 라운드·그림자·확대를 덮어씀) */
.sv .related-posts{margin-top:56px;padding-top:30px;border-top:1px solid var(--line)}
.sv .related-posts>h3{margin:0 0 21px;font-size:16px;font-weight:500;line-height:1.6;letter-spacing:-.03em}
.sv .related-posts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px}
.sv .related-post-item{min-width:0;text-align:left}
.sv .related-post-item a{display:block;color:var(--text)}
.sv .related-post-item picture{display:block}
.sv .related-post-item img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:0;box-shadow:none;transform:none!important;transition:none}
.sv .related-post-item p{margin:10px 0 0;font-size:13px;line-height:1.8;color:var(--text)}
.sv .related-post-item a:hover p{color:var(--gold)}
.sv .post-nav-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.sv .post-nav-item{display:flex;min-width:0;border:1px solid var(--line);background:var(--panel);border-radius:0;box-shadow:none!important;transform:none!important;color:var(--text);overflow:hidden}
.sv .post-nav-item:hover{border-color:var(--gold)}
.sv .post-nav-thumb,.sv .post-nav-thumb-placeholder{display:none}
.sv .post-nav-text{flex:1;min-width:0;padding:16px 18px}
.sv .post-nav-label{display:block;margin-bottom:6px;font-size:10px;font-weight:500;letter-spacing:.06em;color:var(--gold);text-transform:none}
.sv .post-nav-title{font-size:13px;font-weight:500;line-height:1.6;color:var(--text)}
/* 문의 폼 (Jetpack contact form) — 구독 블록과 같은 헤어라인 톤 */
.sv-body .contact-form{margin-top:32px;max-width:560px}
.sv-body .grunion-field-wrap{margin:0 0 18px}
.sv-body .grunion-field-label{display:block;margin-bottom:8px;font-size:12px;font-weight:500;color:var(--text)}
.sv-body .grunion-field-label span{color:var(--muted);font-weight:400}
.sv-body .contact-form .grunion-field{width:100%;max-width:none;padding:13px 15px;border:1px solid var(--line)!important;border-radius:0!important;background:var(--panel)!important;color:var(--text)!important;font:inherit;font-size:14px;box-shadow:none!important}
.sv-body .contact-form textarea.grunion-field{min-height:180px;resize:vertical}
.sv-body .contact-form .grunion-field:focus{border-color:var(--gold)!important;outline:none}
.sv-body .contact-form .pushbutton-wide{display:inline-flex;align-items:center;justify-content:center;min-width:200px;padding:15px 24px;border:1px solid var(--btn-line)!important;border-radius:0!important;background:var(--btn-bg)!important;color:var(--btn-text)!important;font:inherit;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s}
.sv-body .contact-form .pushbutton-wide:hover{background:var(--btn-hover)!important;border-color:var(--gold)!important}
.sv-article-end{margin-top:48px;padding:25px 0 30px;border-top:1px solid var(--line)}
.sv-category-link{display:inline-flex;align-items:baseline;gap:12px;max-width:100%;font-size:12px;color:var(--gold)}
.sv-category-link .sv-arrow{margin-left:0}
.sv-comments{padding-bottom:40px}

/* ============================================================
   Archive / search
   ============================================================ */
.sv-archive-header{padding:68px 0 37px;border-bottom:1px solid var(--line)}
.sv-archive-header .sv-eyebrow{display:block;color:var(--gold);margin-bottom:13px}
.sv .sv-archive-title{font-family:var(--sans);font-size:clamp(28px,3vw,36px);font-weight:500;line-height:1.45;letter-spacing:-.045em}
.sv .sv-archive-description{max-width:680px;margin-top:18px;color:var(--muted);font-size:14px;line-height:1.95;letter-spacing:-.018em}
.sv-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:36px}
.sv-archive-grid .sv-card:hover,.sv-archive-grid .sv-card:focus-within{border-color:var(--gold)}
.sv .sv-archive-grid .sv-card h3{font-size:18px;font-weight:600;line-height:1.65;letter-spacing:-.035em;margin-top:10px}
.sv-archive-grid .sv-card-copy{padding:23px 24px 26px}
.sv-archive-grid .sv-card-meta{font-size:10px;font-weight:500;letter-spacing:.025em}
.sv .sv-archive-grid .sv-card p{min-height:5.55em;line-height:1.85;letter-spacing:-.012em}
.sv-empty{padding:40px 0;color:var(--muted)}
.sv-pager .nav-links{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:44px;font-size:12px;font-variant-numeric:tabular-nums}
.sv-pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 10px;flex:none;border:1px solid var(--line);background:var(--panel);color:var(--muted)}
.sv-pager .page-numbers.dots{border:0;background:none}
.sv-pager .page-numbers.current,.sv-pager a.page-numbers:hover{border-color:var(--gold);color:var(--gold)!important}
.sv-main-bottom{padding-bottom:56px}

/* ============================================================
   Responsive
   ============================================================ */
@media (min-width:1550px){.sv-hero-copy{padding-block:53px}}
@media (max-width:1000px){
  .sv-wrap{width:calc(100% - 72px)}
  .sv-card-copy{padding:20px 18px 16px}
  .sv .sv-card h3{font-size:16px}
  .sv-topic{padding-inline:22px}
  .sv-about,.sv-subscribe{gap:40px}
  .sv-section-subtitle{display:none}
  .sv-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
}
@media (min-width:701px) and (max-width:850px){
  .sv-card-copy{padding:18px 14px}
  .sv-topic{padding-inline:18px}
  .sv-about{grid-template-columns:.8fr 1.4fr;gap:30px}
}
@media (max-width:700px){
  html{scroll-padding-top:22px}
  .sv-wrap{width:calc(100% - 44px)}
  .sv-header{height:79px}
  .sv-wordmark{font-size:12px;letter-spacing:.27em}
  .sv-header-subscribe{margin-left:0;padding:0 15px 0 0;border-left:0;font-size:10px}
  .sv-header-subscribe .sv-arrow{margin-left:8px}
  .sv-menu-toggle{display:block;border:0;width:35px;padding:7px}
  .sv-nav{position:absolute;top:78px;left:-22px;right:-22px;padding:19px 23px 24px;display:none;background:var(--nav-panel);border-bottom:1px solid var(--line);box-shadow:0 15px 22px var(--nav-shadow);gap:0;align-items:stretch;flex-direction:column}
  .sv-nav.is-open{display:flex}
  .sv-nav a{font-size:14px;padding:11px 0}
  .sv-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}
  .sv-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}
  .sv-hero{padding-top:32px}
  .sv-hero-topline{font-size:9px;letter-spacing:.09em}
  .sv-hero-copy{padding:32px 0 28px}
  .sv .sv-hero h1{font-size:clamp(48px,15.4vw,60px)}
  .sv .sv-hero-tagline{margin-top:23px;font-size:11px;letter-spacing:.2em;line-height:2}
  .sv-section{padding-top:47px}
  .sv-section-head{margin-bottom:21px;gap:12px}
  .sv-section-label{gap:11px}
  .sv-section-number{font-size:9px}
  .sv .sv-section h2{font-size:22px}
  .sv-text-link{font-size:10px}
  .sv-text-link .sv-arrow{margin-left:8px}
  .sv-posts{grid-template-columns:1fr;gap:19px}
  .sv-card-copy{padding:22px}
  .sv-card-meta{font-size:10px}
  .sv .sv-card h3{font-size:19px}
  .sv-card-end{padding-top:17px}
  .sv-topics{grid-template-columns:1fr}
  .sv-topic,.sv-topic:first-child,.sv-topic:last-child{padding:25px 0}
  .sv-topic+.sv-topic{border-left:0;border-top:1px solid var(--line)}
  .sv-topic-top svg{width:25px;height:25px}
  .sv .sv-topic h3{margin-top:13px}
  .sv .sv-topic p{margin-top:6px}
  .sv-topic-bottom{margin-top:15px}
  .sv-about{grid-template-columns:1fr;gap:27px;padding-bottom:43px}
  .sv .sv-about-content>p:first-child{font-size:20px}
  .sv .sv-about-content>p+p{font-size:12px;margin-top:15px}
  .sv-about-sign{margin-top:22px}
  .sv-subscribe{grid-template-columns:1fr;gap:24px;padding:40px 0}
  .sv .sv-subscribe h2{font-size:24px}
  .sv-subscribe form{min-width:0;width:100%}
  .sv-subscribe-actions{align-items:stretch;gap:13px}
  .sv-rss{align-self:flex-start}
  .sv-footer{align-items:flex-start;padding:25px 0;gap:22px;flex-direction:column}
  .sv-footer-left{width:100%;justify-content:space-between;gap:12px}
  .sv-copyright{font-size:8px}
  .sv-footer-links{width:100%;justify-content:space-between}
  .sv-back-top{gap:9px}
  .sv-article-header{padding:43px 0 25px}
  .sv-article-category{margin-bottom:13px}
  .sv-article-date{margin-top:18px}
  .sv-body{padding-top:29px;font-size:15px}
  .sv .sv-body h2{font-size:23px;margin-top:49px}
  .sv .sv-body h3{font-size:19px;margin-top:33px}
  .sv .sv-body h4{font-size:16px}
  .sv .sv-body figure{margin-block:25px 30px}
  .sv-body td,.sv-body th{padding:12px 11px}
  .sv-body #ez-toc-container{padding:20px 18px;margin:29px 0 38px}
  .sv .related-posts-grid{gap:22px 16px}
  .sv .post-nav-wrapper{grid-template-columns:1fr}
  .sv-archive-header{padding:43px 0 28px}
  .sv .sv-archive-description{margin-top:15px;font-size:13px}
  .sv-archive-grid{grid-template-columns:minmax(0,1fr);padding-top:28px}
  .sv-pager .nav-links{margin-top:32px}
}
@media (max-width:380px){
  .sv .related-posts-grid{grid-template-columns:1fr}
  .sv .sv-article-title{font-size:25px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
}