/*
Theme Name:   SAKCHECK Child
Theme URI:    https://sakcheck.com
Description:  싹첵 — 정보 상황판 컨셉의 트렌드 종합 블로그 테마. GeneratePress 자식 테마.
Author:       SAKCHECK
Template:     generatepress
Version:      1.0.0
Text Domain:  sakcheck
*/

/* ═══════════════════════════════════════════════════════════
   1. 토큰  (DESIGN_SPEC.md 2·3·4절)
   ═══════════════════════════════════════════════════════════ */
:root{
  /* 배경·면 */
  --paper:#F1F3F6;
  --card:#FFFFFF;

  /* 텍스트 */
  --ink:#14171D;
  --ink2:#5C636F;
  --ink3:#8A919E;

  /* 선 */
  --line:#DEE2E8;

  /* 상황판 (어두운 면) */
  --board:#111620;
  --board2:#1B2230;

  /* 시황 색 */
  --rise:#DE3226;
  --fall:#1D57C8;
  --hold:#7A8291;

  /* 상황판 전용 (어두운 배경 위에서만) */
  --b-rise:#FF6B5E;
  --b-fall:#6C9CFF;
  --b-new:#FFC93D;
  --b-text:#D9DEE7;
  --b-sub:#6E7788;

  /* 레이아웃 */
  --maxw:1200px;
  --rail:328px;
  --gap:34px;
  --read:720px;

  /* 서체
     디스플레이(제목)도 Pretendard 를 쓴다. IBM Plex Sans KR 의 한글은 획이 얇고
     넓적해서 본문 Pretendard 와 섞이면 이질적으로 보인다 (2026-08-12 실사이트 확인,
     사용자 승인). 데이터용 모노는 IBM Plex Mono 를 유지한다 — tabular-nums 와
     상황판 컨셉의 핵심이다. */
  --f-body:'Pretendard',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-disp:'Pretendard',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,monospace;
}

/* ═══════════════════════════════════════════════════════════
   2. 기본
   ═══════════════════════════════════════════════════════════ */
body.sakcheck{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--f-body);
  font-size:15px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.sakcheck a{color:inherit;text-decoration:none}
.sakcheck :focus-visible{outline:2px solid var(--rise);outline-offset:3px}
.sakcheck img{max-width:100%;height:auto}

.sc-wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.sc-mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.sc-disp{font-family:var(--f-disp);letter-spacing:-.01em}
.sc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* GeneratePress 기본 컨테이너 무력화 */
.sakcheck .site-content,
.sakcheck .container{max-width:none;padding:0;margin:0}

/* ═══════════════════════════════════════════════════════════
   3. 라이브 스트립  (시그니처)
   ═══════════════════════════════════════════════════════════ */
.sc-strip{background:var(--board);color:#E8EBF0;border-bottom:1px solid #000}
.sc-strip-in{display:flex;align-items:center;gap:18px;height:44px;overflow:hidden}
.sc-live{display:flex;align-items:center;gap:7px;flex:none;font-size:11px;
  letter-spacing:.14em;font-weight:600;color:#fff}
.sc-dot{width:7px;height:7px;border-radius:50%;background:var(--rise);
  animation:sc-pulse 1.8s infinite}
@keyframes sc-pulse{0%,100%{opacity:1}50%{opacity:.25}}
.sc-stamp{flex:none;font-size:11px;color:var(--b-sub);letter-spacing:.04em}

.sc-ticker{flex:1;overflow:hidden;position:relative;
  mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
.sc-ticker-track{display:flex;gap:30px;width:max-content;animation:sc-slide 34s linear infinite}
.sc-strip:hover .sc-ticker-track{animation-play-state:paused}
@keyframes sc-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.sc-tk{display:flex;align-items:baseline;gap:7px;font-size:12.5px;
  white-space:nowrap;color:var(--b-text)}
.sc-tk .r{font-size:10.5px;color:var(--b-sub);font-weight:600}
.sc-up{color:var(--b-rise);font-size:10.5px;font-weight:600}
.sc-dn{color:var(--b-fall);font-size:10.5px;font-weight:600}
.sc-new{color:var(--board);background:var(--b-new);font-size:9.5px;font-weight:700;
  padding:1px 4px;border-radius:2px;letter-spacing:.04em}

/* ═══════════════════════════════════════════════════════════
   4. 헤더
   ═══════════════════════════════════════════════════════════ */
.sc-head{background:var(--card);border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:50}
.sc-head-in{display:flex;align-items:center;gap:36px;height:66px}

.sc-logo{display:flex;align-items:center;gap:9px;flex:none}
.sc-mark{width:26px;height:26px;flex:none}
.sc-logo b{font-family:var(--f-disp);font-size:21px;font-weight:700;letter-spacing:-.015em}
.sc-logo span{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.18em;
  color:var(--ink3);font-weight:500;padding-top:5px}

.sc-nav{display:flex;gap:22px;flex:1;align-items:center}
.sc-nav a{font-size:14.5px;font-weight:500;color:var(--ink2);padding:4px 0;
  border-bottom:2px solid transparent;transition:.15s}
.sc-nav a:hover,.sc-nav a.is-on{color:var(--ink);border-color:var(--rise)}
.sc-nav-live{display:flex;align-items:center;gap:6px}
.sc-ndot{width:6px;height:6px;border-radius:50%;background:var(--rise);flex:none}
.sc-nav-dl{padding-left:26px;margin-left:auto;position:relative}
.sc-nav-dl::before{content:"";position:absolute;left:12px;top:6px;bottom:6px;
  width:1px;background:var(--line)}

.sc-search{display:flex;align-items:center;gap:8px;background:var(--paper);
  border:1px solid var(--line);border-radius:3px;padding:7px 12px;width:194px;flex:none}
.sc-search input{border:0;background:none;font-family:inherit;font-size:13.5px;
  width:100%;color:var(--ink)}
.sc-search input:focus{outline:none}
.sc-search button{border:0;background:none;padding:0;cursor:pointer;display:flex}

/* 모바일 햄버거 */
.sc-burger{display:none;border:0;background:none;padding:6px;cursor:pointer;flex:none}
.sc-burger span{display:block;width:20px;height:2px;background:var(--ink);
  border-radius:1px;margin:4px 0;transition:.2s}
.sc-drawer{position:fixed;inset:0 0 0 auto;width:min(300px,82vw);background:var(--board);
  transform:translateX(100%);transition:transform .24s ease;z-index:200;
  padding:22px 20px;overflow-y:auto}
.sc-drawer.is-open{transform:translateX(0)}
.sc-drawer a{display:block;color:var(--b-text);font-size:16px;font-weight:500;
  padding:13px 0;border-bottom:1px solid var(--board2)}
.sc-drawer a:hover{color:#fff}
.sc-drawer .sc-nav-live{gap:8px}
.sc-drawer-close{position:absolute;top:16px;right:16px;border:0;background:none;
  color:var(--b-sub);font-size:22px;line-height:1;cursor:pointer}
.sc-scrim{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:190;
  opacity:0;pointer-events:none;transition:opacity .24s}
.sc-scrim.is-open{opacity:1;pointer-events:auto}

/* ═══════════════════════════════════════════════════════════
   5. 레이아웃
   ═══════════════════════════════════════════════════════════ */
.sc-main{display:grid;grid-template-columns:minmax(0,1fr) var(--rail);
  gap:var(--gap);padding:30px 0 60px;align-items:start}
.sc-main.is-full{grid-template-columns:minmax(0,1fr)}

.sc-lab{display:flex;align-items:center;justify-content:space-between;
  margin-bottom:14px;padding-bottom:9px;border-bottom:1.5px solid var(--ink)}
.sc-lab h2{font-family:var(--f-disp);font-size:14px;font-weight:700;
  letter-spacing:.02em;margin:0}
.sc-lab .meta{font-family:var(--f-mono);font-size:10.5px;color:var(--ink3);letter-spacing:.06em}

/* ═══════════════════════════════════════════════════════════
   6. 히어로
   ═══════════════════════════════════════════════════════════ */
.sc-hero{background:var(--card);border:1px solid var(--line);border-radius:4px;
  overflow:hidden;margin-bottom:26px}
.sc-hero-top{display:grid;grid-template-columns:1.35fr 1fr;border-bottom:1px solid var(--line)}
.sc-hero-lead{padding:26px;border-right:1px solid var(--line);display:block}
.sc-thumb{aspect-ratio:1200/630;background:
  repeating-linear-gradient(135deg,#E7EAF0 0 9px,#EFF1F5 9px 18px);
  border-radius:3px;margin-bottom:16px;overflow:hidden;
  display:flex;align-items:flex-end;padding:9px}
.sc-thumb img{width:100%;height:100%;object-fit:cover;border-radius:3px}
.sc-hero-lead h3{font-family:var(--f-disp);font-size:clamp(21px,2.4vw,27px);
  font-weight:700;line-height:1.36;letter-spacing:-.012em;margin:0 0 11px}
.sc-hero-lead p{font-size:14.5px;color:var(--ink2);line-height:1.72;margin:0}
.sc-hero-lead:hover h3{color:var(--rise)}

.sc-hero-side{display:flex;flex-direction:column}
.sc-mini{padding:18px 22px;border-bottom:1px solid var(--line);flex:1;display:block}
.sc-mini:last-child{border-bottom:0}
.sc-mini h4{font-family:var(--f-disp);font-size:15.5px;font-weight:600;line-height:1.5;
  letter-spacing:-.008em;margin:0 0 7px}
.sc-mini:hover h4{color:var(--rise)}
.sc-mini .sub{font-size:12.5px;color:var(--ink3)}

/* 아이라브로우 */
.sc-eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:10px;flex-wrap:wrap}
.sc-cat{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--fall)}
.sc-age{font-family:var(--f-mono);font-size:10.5px;color:var(--ink3)}
.sc-livebadge{font-size:9.5px;font-weight:700;letter-spacing:.08em;color:#fff;
  background:var(--rise);padding:1.5px 5px;border-radius:2px}

/* ═══════════════════════════════════════════════════════════
   7. 광고 슬롯
   ═══════════════════════════════════════════════════════════ */
.sc-ad{margin:26px 0;min-height:96px;display:flex;align-items:center;justify-content:center}
.sc-ad--c{margin:0 0 22px;min-height:264px}
.sc-ad--d{margin:32px 0 0}
.sc-ad:empty{display:none}
.sc-ad-ph{border:1.5px dashed #C4CBD6;border-radius:4px;width:100%;min-height:inherit;
  background:repeating-linear-gradient(45deg,transparent 0 7px,rgba(0,0,0,.018) 7px 14px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:24px}
.sc-ad-ph em{font-family:var(--f-mono);font-style:normal;font-size:10.5px;
  letter-spacing:.12em;color:#98A0AE}
.sc-ad-ph i{font-style:normal;font-size:11.5px;color:#AEB5C0}

/* ═══════════════════════════════════════════════════════════
   8. 목록 (피드 / 아카이브 / 검색)
   ═══════════════════════════════════════════════════════════ */
.sc-feed{background:var(--card);border:1px solid var(--line);border-radius:4px}
.sc-item{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;
  padding:19px 22px;border-bottom:1px solid var(--line);transition:.15s}
.sc-item:last-child{border-bottom:0}
.sc-item:hover{background:#FAFBFC}
.sc-item .th{aspect-ratio:4/3;border-radius:3px;overflow:hidden;
  background:repeating-linear-gradient(135deg,#E7EAF0 0 9px,#EFF1F5 9px 18px)}
.sc-item .th img{width:100%;height:100%;object-fit:cover}
.sc-item h4{font-family:var(--f-disp);font-size:17px;font-weight:600;line-height:1.48;
  letter-spacing:-.008em;margin:0 0 6px}
.sc-item:hover h4{color:var(--rise)}
.sc-item p{font-size:13.5px;color:var(--ink2);line-height:1.65;margin:0 0 9px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc-foot{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--ink3);flex-wrap:wrap}
.sc-foot .c{font-weight:700;color:var(--fall);letter-spacing:.04em}
.sc-foot .sep{width:1px;height:9px;background:var(--line)}
.sc-feed .sc-ad{margin:0;padding:0 22px 19px}

/* 페이지네이션 */
.sc-pager{display:flex;gap:6px;justify-content:center;margin:26px 0 0;flex-wrap:wrap}
.sc-pager a,.sc-pager span{font-family:var(--f-mono);font-size:13px;min-width:34px;
  height:34px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:3px;background:var(--card);color:var(--ink2)}
.sc-pager .current{background:var(--ink);color:#fff;border-color:var(--ink)}
.sc-pager a:hover{border-color:var(--ink);color:var(--ink)}

/* ═══════════════════════════════════════════════════════════
   9. 우측 레일
   ═══════════════════════════════════════════════════════════ */
.sc-rail{position:sticky;top:88px;display:flex;flex-direction:column;gap:22px}

/* 9-1. 실시간 급상승 (시그니처) */
.sc-board{background:var(--board);border-radius:4px;overflow:hidden}
.sc-board-h{display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px 12px;border-bottom:1px solid var(--board2)}
.sc-board-h h3{font-family:var(--f-disp);font-size:12.5px;font-weight:700;
  color:#fff;letter-spacing:.03em;margin:0}
.sc-board-h .t{font-family:var(--f-mono);font-size:10px;color:var(--b-sub)}
.sc-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;
  gap:10px;padding:8.5px 16px;transition:.12s}
.sc-row:hover{background:var(--board2)}
.sc-row .n{font-family:var(--f-mono);font-size:12.5px;font-weight:600;color:#7A8496}
.sc-row.is-top .n{color:#fff}
.sc-row .k{font-size:13.5px;color:var(--b-text);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.sc-row .d{font-family:var(--f-mono);font-size:10.5px;font-weight:600}
.sc-d-up{color:var(--b-rise)}
.sc-d-dn{color:var(--b-fall)}
.sc-d-hold{color:#5C6577}
.sc-d-new{color:var(--board);background:var(--b-new);padding:1px 4px;
  border-radius:2px;font-size:9.5px;font-weight:700}
.sc-board-f{padding:11px 16px;border-top:1px solid var(--board2);
  font-size:10.5px;color:var(--b-sub);letter-spacing:.03em}

/* 9-2. 카드 공통 */
.sc-card{background:var(--card);border:1px solid var(--line);border-radius:4px;overflow:hidden}
.sc-card-h{padding:13px 16px 11px;border-bottom:1px solid var(--line);
  display:flex;align-items:center;gap:7px}
.sc-card-h h3{font-family:var(--f-disp);font-size:12.5px;font-weight:700;
  letter-spacing:.02em;margin:0}

/* 9-3. 마감 임박 */
.sc-dl{display:grid;grid-template-columns:46px minmax(0,1fr);gap:11px;align-items:center;
  padding:11px 16px;border-bottom:1px solid #EEF0F4}
.sc-dl:last-child{border-bottom:0}
.sc-dl:hover .sc-dl-t{color:var(--rise)}
.sc-dday{font-family:var(--f-mono);font-size:12.5px;font-weight:600;text-align:center;
  padding:4px 0;border-radius:3px;background:#F1F3F6;color:var(--ink2)}
.sc-dday.is-hot{background:var(--rise);color:#fff}
.sc-dday.is-warm{background:#FDECEA;color:var(--rise)}
.sc-dl-t{font-size:13.5px;font-weight:500;line-height:1.45;display:block}
.sc-dl-s{font-size:11px;color:var(--ink3);margin-top:2px;display:block}

/* 9-4. 운영자 */
.sc-about{padding:17px 16px}
.sc-about .who{display:flex;align-items:center;gap:11px;margin-bottom:11px}
.sc-about .av{width:38px;height:38px;border-radius:50%;flex:none;
  background:linear-gradient(140deg,#2E3746,#4A5567);overflow:hidden}
.sc-about .av img{width:100%;height:100%;object-fit:cover}
.sc-about .nm{font-family:var(--f-disp);font-size:14px;font-weight:600}
.sc-about .rl{font-size:11.5px;color:var(--ink3)}
.sc-about p{font-size:12.5px;color:var(--ink2);line-height:1.65;margin:0}

/* ═══════════════════════════════════════════════════════════
   10. 글 상세  (DESIGN_SPEC 6.1)
   ═══════════════════════════════════════════════════════════ */
.sc-article{background:var(--card);border:1px solid var(--line);border-radius:4px;
  padding:30px 32px 36px}
.sc-article-head{max-width:var(--read);margin:0 0 22px}
.sc-article h1{font-family:var(--f-disp);font-size:clamp(24px,3vw,34px);font-weight:700;
  line-height:1.32;letter-spacing:-.015em;margin:0 0 14px}
.sc-byline{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink3);
  padding-bottom:16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.sc-byline .who{font-weight:600;color:var(--ink2)}
.sc-byline .sep{width:1px;height:10px;background:var(--line)}
.sc-updated{font-family:var(--f-mono);font-size:13px;font-weight:600;color:var(--ink)}
.sc-published{font-family:var(--f-mono);font-size:11px;color:var(--ink3)}

.sc-body{max-width:var(--read);font-size:15.5px;line-height:1.8;color:var(--ink)}
.sc-body>*:first-child{margin-top:0}
.sc-body p{margin:0 0 18px}
.sc-body h2{font-family:var(--f-disp);font-size:20px;font-weight:700;line-height:1.4;
  letter-spacing:-.008em;margin:36px 0 12px;padding-left:12px;position:relative}
.sc-body h2::before{content:"";position:absolute;left:0;top:.22em;bottom:.22em;
  width:3px;background:var(--rise);border-radius:2px}
.sc-body h3{font-family:var(--f-disp);font-size:17px;font-weight:600;
  margin:26px 0 10px;letter-spacing:-.008em}
.sc-body ul,.sc-body ol{margin:0 0 18px;padding-left:22px}
.sc-body li{margin-bottom:7px}
.sc-body strong{font-weight:700}
.sc-body a{color:var(--fall);text-decoration:underline;text-underline-offset:2px}
.sc-body table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:14px}
.sc-body th,.sc-body td{border:1px solid var(--line);padding:9px 12px;text-align:left}
.sc-body th{background:var(--paper);font-weight:600}
.sc-body blockquote{margin:0 0 20px;padding:14px 16px;background:#F7F9FC;
  border-left:3px solid var(--fall);font-size:14.5px;color:var(--ink2)}
.sc-body figure{margin:0 0 20px}
.sc-body figcaption{font-size:11.5px;color:var(--ink3);margin-top:7px;line-height:1.55}
.sc-body figcaption a{color:var(--ink3)}

/* 출처·라이선스 블록 (필수) */
.sc-credits{max-width:var(--read);margin:30px 0 0;padding:16px 18px;
  background:var(--paper);border-radius:4px;font-size:12px;color:var(--ink2);line-height:1.7}
.sc-credits h4{font-family:var(--f-disp);font-size:11.5px;font-weight:700;
  letter-spacing:.06em;margin:0 0 9px;color:var(--ink)}
.sc-credits ul{margin:0;padding-left:16px}
.sc-credits li{margin-bottom:5px}
.sc-credits a{color:var(--fall)}

/* 갱신 이력 */
.sc-revisions{max-width:var(--read);margin:18px 0 0;font-size:12px;color:var(--ink3)}
.sc-revisions li{margin-bottom:4px;list-style:none}
.sc-revisions .d{font-family:var(--f-mono);margin-right:8px}

/* 관련 글 */
.sc-related{margin-top:32px}

/* ═══════════════════════════════════════════════════════════
   11. 마감 캘린더 아카이브
   ═══════════════════════════════════════════════════════════ */
.sc-cal-month{font-family:var(--f-disp);font-size:13px;font-weight:700;
  color:var(--ink2);margin:24px 0 10px;padding-bottom:7px;border-bottom:1px solid var(--line)}
.sc-cal-month:first-child{margin-top:0}
.sc-cal-item{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;
  align-items:center;padding:15px 22px;border-bottom:1px solid var(--line)}
.sc-cal-item:hover{background:#FAFBFC}
.sc-cal-item .sc-dday{font-size:13.5px;padding:6px 0}
.sc-cal-item h4{font-family:var(--f-disp);font-size:16px;font-weight:600;margin:0 0 4px}
.sc-cal-item:hover h4{color:var(--rise)}

/* ═══════════════════════════════════════════════════════════
   12. 빈 상태 / 404
   ═══════════════════════════════════════════════════════════ */
.sc-empty{background:var(--card);border:1px solid var(--line);border-radius:4px;
  padding:44px 32px;text-align:center}
.sc-empty h2{font-family:var(--f-disp);font-size:20px;font-weight:700;margin:0 0 9px}
.sc-empty p{font-size:14px;color:var(--ink2);margin:0}

/* ═══════════════════════════════════════════════════════════
   13. 정적 페이지  (DESIGN_SPEC 6.3b)
   ═══════════════════════════════════════════════════════════ */
.sc-page{background:var(--card);border:1px solid var(--line);border-radius:4px;
  padding:34px 32px 40px;max-width:calc(var(--read) + 64px);margin:0 auto}
.sc-page h1{font-family:var(--f-disp);font-size:28px;font-weight:700;
  letter-spacing:-.015em;margin:0 0 8px}
.sc-page .rev{font-family:var(--f-mono);font-size:11px;color:var(--ink3);
  display:block;margin-bottom:24px}

/* ═══════════════════════════════════════════════════════════
   14. 푸터
   ═══════════════════════════════════════════════════════════ */
.sc-footer{background:var(--board);color:#98A2B3;padding:38px 0 30px;margin-top:20px}
.sc-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:34px;
  padding-bottom:26px;border-bottom:1px solid var(--board2)}
.sc-footer h5{font-family:var(--f-disp);font-size:11.5px;font-weight:600;color:#fff;
  letter-spacing:.06em;margin:0 0 11px}
.sc-footer ul{list-style:none;display:flex;flex-direction:column;gap:7px;margin:0;padding:0}
.sc-footer li a{font-size:12.5px;color:#98A2B3}
.sc-footer li a:hover{color:#fff}
.sc-footer .desc{font-size:12.5px;line-height:1.75;max-width:340px;margin:0}
.sc-foot-bot{padding-top:18px;display:flex;justify-content:space-between;gap:16px;
  flex-wrap:wrap;font-size:11px;color:var(--b-sub)}

/* ═══════════════════════════════════════════════════════════
   15. 반응형
   ═══════════════════════════════════════════════════════════ */
@media (max-width:980px){
  .sc-main{grid-template-columns:1fr}
  .sc-rail{position:static}
  .sc-hero-top{grid-template-columns:1fr}
  .sc-hero-lead{border-right:0;border-bottom:1px solid var(--line)}
  .sc-nav{display:none}
  .sc-burger{display:block}
  .sc-foot-grid{grid-template-columns:1fr;gap:24px}
  .sc-article{padding:24px 20px 30px}
  .sc-body{max-width:none}
  .sc-article-head,.sc-credits,.sc-revisions{max-width:none}
}
@media (max-width:560px){
  .sc-wrap{padding:0 16px}
  .sc-item{grid-template-columns:96px minmax(0,1fr);gap:13px;padding:15px}
  .sc-feed .sc-ad{padding:0 15px 15px}
  .sc-search{width:auto;flex:1}
  .sc-head-in{gap:14px}
  .sc-page{padding:24px 20px 30px}
  .sc-cal-item{padding:14px 15px;gap:12px}
}
@media (prefers-reduced-motion:reduce){
  .sakcheck *,.sakcheck *::before,.sakcheck *::after{
    animation:none!important;transition:none!important}
}
@media print{
  .sc-strip,.sc-head,.sc-rail,.sc-ad,.sc-footer,.sc-related{display:none!important}
  .sc-main{grid-template-columns:1fr}
}