/* OEZ Works studio system. Loaded after each page's functional styles.
   Keep shell selectors prefixed; calculator application styling is isolated. */
:root {
  --paper: #f0f0e7;
  --paper-deep: #e2e5d7;
  --surface: #fafbf5;
  --ink: #171915;
  --ink-soft: #515847;
  --ink-faint: #707962;
  --line: #d0d5c3;
  --line-strong: #afb89d;
  --accent: #465d27;
  --accent-deep: #28381c;
  --accent-pale: #e3ebd0;
  --mark: #d0ff43;
  --lime: #d0ff43;
  --mustard-pale: #f0efd8;
  --mustard-line: #c5c499;
  --r: 0px;
  --serif: 'Pretendard Variable', Pretendard, -apple-system, 'Apple SD Gothic Neo', sans-serif;
  --sans: 'Pretendard Variable', Pretendard, -apple-system, 'Apple SD Gothic Neo', sans-serif;
  --mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --max-width: 1440px;
  --max-width-doc: 850px;
}
html { border-top: 0; scroll-padding-top: 24px; }
body { background: var(--paper); color: var(--ink); font-family: var(--sans); }
::selection { background: var(--lime); color: var(--ink); }
h1,h2,h3 { font-family: var(--sans); letter-spacing: -.045em; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible {
  outline: 3px solid #6b8d26; outline-offset: 4px;
}
.oez-header,.oez-footer,.oez-masthead { box-sizing:border-box; font-family:var(--sans); }
.oez-header *,.oez-footer *,.oez-masthead * { box-sizing:border-box; }
.oez-header { background:#171915; color:#eeefe4; border-bottom:1px solid #363c2c; }
.oez-nav-wrap { max-width:1440px; margin:auto; min-height:88px; padding:20px 64px; display:flex; justify-content:space-between; align-items:center; gap:32px; }
.oez-brand { display:inline-flex; align-items:center; gap:15px; text-decoration:none; color:inherit; white-space:nowrap; font-size:28px; font-weight:780; letter-spacing:-1.7px; line-height:1.2; }
.oez-brand:hover { color:var(--lime); }
.oez-mark { background:var(--lime); color:#171915; font:850 28px/1.05 Arial,sans-serif; padding:3px 9px 5px 6px; letter-spacing:-3px; }
.oez-light { font-weight:450; margin-left:4px; }
.oez-nav { display:flex; gap:25px; align-items:center; }
.oez-nav a { font-size:12px; text-decoration:none; color:#c2c7b4; padding:8px 0; white-space:nowrap; border-bottom:1px solid transparent; }
.oez-nav a:hover,.oez-nav a[aria-current] { color:var(--lime); border-bottom-color:var(--lime); }
.oez-contact { display:flex; gap:21px; color:#c2c7b4; font:9px var(--mono); letter-spacing:.8px; text-decoration:none; border-bottom:1px solid #5d6848; padding:10px 0; white-space:nowrap; }
.oez-contact:hover { color:var(--lime); }
.oez-skip { position:fixed; top:-90px; left:20px; z-index:200; padding:12px 18px; background:var(--lime); color:#171915; }
.oez-skip:focus { top:12px; }
.oez-masthead { background:#171915; color:#f0f0e7; overflow:hidden; position:relative; }
.oez-masthead-inner { max-width:1440px; margin:auto; padding:53px 64px 50px; display:flex; justify-content:space-between; align-items:center; gap:35px; }
.oez-kicker { color:#aab797; font:9px var(--mono); letter-spacing:1.6px; margin:0 0 29px; }
.oez-kicker:before { content:''; display:inline-block; width:5px; height:5px; background:var(--lime); border-radius:50%; margin-right:9px; vertical-align:2px; }
.oez-display { font:780 clamp(48px,6vw,84px)/.98 Arial,Helvetica,sans-serif; letter-spacing:-.065em; }
.oez-display em { font-family:Georgia,'Times New Roman',serif; font-weight:400; color:var(--lime); letter-spacing:-.06em; }
.oez-caption { font-size:13px; color:#b5bea4; line-height:1.8; margin:24px 0 0; }
.oez-masthead-art { position:relative; width:230px; height:230px; margin:0 50px 0 15px; flex-shrink:0; display:grid; place-items:center; }
.oez-masthead-art>span { font:200px/.8 Arial,sans-serif; color:var(--lime); transform:rotate(-16deg); text-shadow:4px 5px #66851c,8px 10px #3d5214; z-index:1; }
.oez-masthead-art>i { position:absolute; inset:0; border:1px solid #59643d; border-radius:50%; transform:rotate(-35deg) scaleY(.63); }
.oez-masthead-art:after { content:''; position:absolute; inset:0; border:1px dashed #3b442d; border-radius:50%; transform:rotate(45deg) scaleY(1.3); }
.oez-masthead-art>small { position:absolute; bottom:-15px; font:7px var(--mono); letter-spacing:1px; color:#8a9975; white-space:nowrap; }
.oez-rule { max-width:1312px; margin:auto; display:flex; justify-content:space-between; gap:20px; padding:15px 0; border-top:1px solid #3a432d; color:#8f9e7c; font:7px var(--mono); letter-spacing:1px; }
.oez-masthead-compact .oez-masthead-inner { padding-top:32px; padding-bottom:30px; }
.oez-masthead-compact .oez-display { font-size:44px; }
.oez-masthead-compact .oez-display br { display:none; }
.oez-masthead-compact .oez-display em:before { content:' '; }
.oez-masthead-compact .oez-kicker { margin-bottom:15px; }
.oez-masthead-compact .oez-caption { display:none; }
.oez-masthead-compact .oez-masthead-art { width:90px; height:90px; margin-right:65px; }
.oez-masthead-compact .oez-masthead-art>span { font-size:85px; }
.oez-masthead-compact .oez-masthead-art>small { display:none; }
.oez-masthead-compact .oez-rule { display:none; }
.oez-footer { margin-top:auto; background:#171915; color:#eeefe3; padding:46px max(64px,calc((100% - 1312px)/2)) 35px; }
.oez-footer-callout { display:flex; align-items:center; justify-content:space-between; gap:25px; padding-bottom:37px; border-bottom:1px solid #3b4430; }
.oez-footer-callout>span { font:750 43px/.98 Arial,sans-serif; letter-spacing:-2px; }
.oez-footer-callout em { font:italic 400 1.07em Georgia,serif; color:var(--lime); }
.oez-footer-callout>a { color:#c9d3b7; text-decoration:none; font-size:12px; display:flex; align-items:center; gap:35px; }
.oez-footer-callout>a>span { font-size:39px; color:var(--lime); }
.oez-footer-bottom { display:flex; align-items:flex-start; justify-content:space-between; gap:30px; padding-top:30px; }
.oez-footer-bottom p { font-size:10px; line-height:1.9; color:#8b9977; margin:12px 0 0; }
.oez-footer-bottom nav { display:flex; flex-wrap:wrap; gap:15px 22px; padding-top:7px; }
.oez-footer-bottom nav a,.oez-footer-email { font-size:10px; color:#b0bea0; text-decoration:none; }
.oez-footer-email { padding-top:7px; white-space:nowrap; }
.oez-footer a:hover { color:var(--lime); }

/* Reading surfaces: generous margins, editorial rules, quiet paper. */
body:not([data-oez-page="calculator"]) main { padding:58px 64px 80px; }
.document-container { padding:0; }
.doc-card,.article-body { background:transparent; border:0; padding:0; }
.doc-card h1,.article-body h1 { font-size:40px; font-weight:680; line-height:1.35; border:0; padding:0; margin:0 0 23px; letter-spacing:-1.6px; word-break:keep-all; }
.doc-card p,.article-body p,.article-body li { font-size:15px; line-height:1.95; color:#535d48; }
.doc-card h2,.article-body h2 { font-size:23px; font-weight:650; margin:40px 0 14px; padding-top:23px; border-top:1px solid #c7cfb8; }
.doc-card h3,.article-body h3 { font-size:18px; margin:25px 0 10px; }
.article-layout { max-width:1200px; grid-template-columns:minmax(0,1fr) 245px; gap:80px; }
.article-layout.no-nav { max-width:850px; }
.article-body .article-lead { font-size:17px; line-height:1.9; border-bottom:1px solid var(--line); padding-bottom:26px; margin-bottom:32px; }
.article-body .article-meta { font:11px/1.8 var(--mono); color:#768267; border-bottom:1px solid var(--line); padding-bottom:19px; margin-bottom:27px; }
.article-body img { border-radius:0; }
.article-body a:not(.btn) { text-decoration-color:#a7ba7d; }
.article-nav { top:30px; border:1px solid #c4ccb5; border-top:3px solid #171915; padding:24px 20px; background:#e8ebdf; }
.article-nav strong { font-size:13px; font-weight:700; margin-bottom:17px; }
.article-nav a { font-size:12px; line-height:1.6; padding:8px 0; color:#626f53; border-bottom:1px solid #d6ddcb; }
.article-nav a[aria-current="page"] { background:var(--lime); color:#263115; padding:8px 9px; margin:0 -9px; }
.article-body [id] { scroll-margin-top:26px; }
.eyebrow { font:9px/1.5 var(--mono); letter-spacing:1.5px; color:#697958; }
.page-hero { gap:19px; margin-bottom:20px; }
.page-hero h1 { margin-bottom:0; }
.page-hero>.icon-tile { background:#171915; color:var(--lime); border:0; border-radius:0; }
.icon-tile,.icon-tile.lg,.icon-tile.dark,.icon-tile.warm { border-radius:0; }
.icon-tile.dark { background:#171915; color:var(--lime); border-color:#171915; }
.breadcrumb { font-size:11px; line-height:1.8; margin-bottom:28px; }
.info-box,.content-note { background:#e0e8cf; border:1px solid #c4d1ac; border-left:4px solid #647e35; border-radius:0; padding:22px; }
.info-box strong { color:#2d401b; }
.social-links a { background:transparent; border-radius:0; border-color:#bfcab0; }
.btn { min-height:42px; border-radius:0; font-size:12px; padding:10px 17px; gap:9px; }
.btn-primary { background:#171915; color:var(--lime); border-color:#171915; }
.btn-primary:hover { background:#303d20; color:var(--lime); border-color:#303d20; }
.btn-secondary { background:transparent; border-color:#acb99a; color:#354526; }
.guide-cta { background:#171915; border-radius:0; padding:28px; gap:24px; }
.guide-cta strong { font-size:20px; letter-spacing:-.7px; color:#edf1e1; }
.guide-cta .btn-primary { background:var(--lime); border-color:var(--lime); color:#171915; }
.guide-cta .icon-tile { background:#303c22; color:var(--lime); border-color:#4b5d32; }
.guide-cta p,.doc-card .guide-cta p,.article-body .guide-cta p { color:#aebb98; font-size:12px; }
.step-num { background:var(--lime); color:#171915; border-radius:0; border-color:#b6ce7b; }
.faq-list summary { font-size:15px; padding:20px 4px; }
.faq-list details { border-bottom:1px solid #c6cfb7; }
.faq-list details[open] { background:#e5ebd9; padding:0 15px; }

/* Journal index: asymmetric editorial lead and a complete story grid. */
[data-oez-page="journal"] .document-container { max-width:1200px!important; }
[data-oez-page="journal"] .doc-card>h2 { font:10px var(--mono); letter-spacing:1px; color:#6c785b; border:0; margin:37px 0 17px; padding:0; }
[data-oez-page="journal"] .post-list.with-thumbs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px 28px; }
[data-oez-page="journal"] .post-list li { border:0; min-width:0; }
[data-oez-page="journal"] .post-list.with-thumbs a { display:flex; flex-direction:column; align-items:stretch; padding:0 0 20px; gap:18px; border-bottom:1px solid #c4ceb2; }
[data-oez-page="journal"] .post-thumb { width:100%; height:195px; aspect-ratio:auto; border:0; border-radius:0; background:#dce2cf; }
[data-oez-page="journal"] .post-thumb img { width:100%; height:100%; object-fit:cover; filter:grayscale(.85); transition:filter .2s; }
[data-oez-page="journal"] a:hover .post-thumb img { filter:none; }
[data-oez-page="journal"] .post-thumb.svg img { object-fit:contain; padding:10px; }
[data-oez-page="journal"] .post-title { display:block; font-size:19px; font-weight:600; line-height:1.5; letter-spacing:-.6px; margin:10px 0; }
[data-oez-page="journal"] .post-desc { font-size:12px; line-height:1.85; color:#68745a; }
[data-oez-page="journal"] .post-cat,[data-oez-page="journal"] .post-date { font-size:10px; color:#6a7b53; }
[data-oez-page="journal"] .post-list.with-thumbs li:first-child { grid-column:1/-1; }
[data-oez-page="journal"] .post-list.with-thumbs li:first-child>a { display:grid; grid-template-columns:1.25fr 1fr; gap:40px; align-items:center; padding-bottom:36px; }
[data-oez-page="journal"] .post-list.with-thumbs li:first-child .post-thumb { height:310px; }
[data-oez-page="journal"] .post-list.with-thumbs li:first-child .post-title { font-size:32px; line-height:1.35; letter-spacing:-1.3px; }
[data-oez-page="journal"] .post-list.with-thumbs li:first-child .post-desc { font-size:14px; }

/* Guides: numbered rows and high-contrast tool dividers. */
[data-oez-page="guides"] .document-container { max-width:1200px!important; }
.guide-tool-head { padding:27px; border:0; background:#171915; color:#eef2e2; }
.guide-tool-head h2 { color:#eef2e2; font-size:25px; border:0; padding:0; margin:0 0 10px; }
.guide-tool-head .eyebrow { color:#b6cd8d; }
.guide-tool-head p { color:#aeba99; font-size:12px; }
.guide-tool-head .btn-primary { background:var(--lime); color:#171915; border-color:var(--lime); }
.guide-tool-head .btn-secondary { color:#d1dbbf; border-color:#667651; }
.guide-tool .post-list { margin:0; padding:0; border:0; display:grid; grid-template-columns:1fr 1fr; column-gap:35px; counter-reset:guide-item; }
.guide-tool .post-list li { counter-increment:guide-item; border-bottom:1px solid #c3ccb4; }
.guide-tool .post-list a { padding:23px 0; gap:15px; align-items:flex-start; }
.guide-tool .post-list a>.icon-tile { background:transparent; border:0; width:30px; color:#627b3c; }
.guide-tool .post-title { font-size:16px; font-weight:600; letter-spacing:-.4px; }
.guide-tool .post-desc { font-size:12px; line-height:1.8; margin-top:7px; color:#68745a; }
.guide-grid { gap:24px; }
.guide-card { padding:26px; background:#e7ebdd; border:1px solid #c5ceb6; }
.guide-card:hover { background:#e1ebcf; border-color:#70894c; }

/* Converter: functional studio workbench; no styling crosses the preview iframe. */
[data-oez-page="converter"] .oez-masthead-art>span { font:italic 115px Georgia,serif; letter-spacing:-15px; }
.intro { margin:0 0 35px; gap:35px; }
.intro-text h1 { font-size:34px; letter-spacing:-1.3px; margin-bottom:20px; }
.intro-text .lead { font-size:14px; line-height:1.9; }
.intro-text p:not(.lead) { font-size:12px; line-height:1.85; margin-top:7px; }
.trust-badge { font-size:11px; }
.card { border:1px solid #aebb98; box-shadow:8px 8px 0 #d7dfc7; border-radius:0; }
.toolbar { background:#171915; border-color:#3f4d2c; padding:20px; gap:22px; }
.toolbar label { color:#c1ceb0; font-size:11px; }
.toolbar .btn-primary { color:#171915; background:var(--lime); border-color:var(--lime); }
.toolbar .btn-primary:hover { background:#e0ff87; }
.toolbar input[type="number"] { background:#2f3924; color:#f2f7e5; border-color:#64734f; border-radius:0; padding:7px; }
.toolbar input[type="checkbox"] { accent-color:#b6e638; }
.status { background:#e4ecd6; color:#586a3f; font-size:12px; }
.column-head { height:auto; min-height:59px; padding:12px 15px; background:#e5eadb; flex-wrap:wrap; }
.column h2 { color:#425431; font-size:12px; }
.column h2:before { border-color:#647f41; }
textarea { background:#fbfcf6; font-size:12px; line-height:1.8; }
textarea:focus { background:#fff; }
.actions .btn { min-height:31px; font-size:10px; padding:5px 9px; }
.feature-card { background:transparent; padding:24px; }
.features-grid { background:var(--line); }
.feature-card h3 { font-size:18px; }
.feature-card p { font-size:13px; }
.notice { background:#ebeedf; border-color:#c0cba9; border-left-color:#778c53; font-size:12px; }
.content-section { border-top-color:#b6c2a3; padding-top:32px; margin-top:48px; }
.content-section h2 { font-size:26px; }

/* Markdown: preserve collapse/resizing hooks and user document semantics. */
[data-oez-page="markdown"] .document-container { max-width:1312px!important; }
[data-oez-page="markdown"] .oez-masthead-art>span { font:700 115px Arial,sans-serif; letter-spacing:-12px; }
.md-drop { background:#e3ead5; border:1px dashed #7b9357; border-radius:0; padding:25px; }
.md-drop.dragging { background:#d7f197; border-color:#415c20; }
.md-drop label { font-size:16px; letter-spacing:-.4px; }
.md-drop input { max-width:100%; font-size:12px; color:#536a38; }
.md-drop input::file-selector-button { border:0; border-radius:0; background:#171915; color:var(--lime); padding:12px 18px; margin-right:15px; font:12px var(--sans); cursor:pointer; }
.doc-card #md-status { margin:12px 0 0; color:#607346; font-size:11px; }
.md-workspace-help { font-size:12px!important; }
.md-panel,.md-source-panel,.md-preview-panel { border-radius:0; border-color:#b2c098; }
.md-panel-toggle { background:#171915; color:#eaf3d8; padding:13px 16px; font-size:12px; border-bottom-color:#465a2f; }
.md-panel-toggle:hover { background:#2a381d; color:var(--lime); }
.md-toggle-icon { color:var(--lime); }
.md-workspace textarea { border-radius:0; border-color:#c6d1b6; background:#f9fbf3; font-size:13px; }
.md-panel-content { padding:16px; background:#fafcf5; }
.md-resizer { background:#d2ddc0; }
.md-resizer:before { background:#6f8850; border-radius:0; }
.md-preview h1 { font-size:28px; margin:8px 0 20px; }
.md-preview h2 { font-size:23px; }
.md-preview p { font-size:15px; }
.md-drop-overlay { background:#171915e8; }
.md-drop-overlay>div { background:#202b17; border-color:var(--lime); border-radius:0; color:var(--lime); }
.md-drop-overlay span { color:#bbca9f; }

@media(max-width:1150px) {
  .oez-nav-wrap { padding:22px 35px; gap:25px; }
  .oez-nav { gap:17px; }
  .oez-nav a { font-size:11px; }
  .oez-contact { display:none; }
  .oez-masthead-inner { padding:43px 35px; }
  .oez-rule { margin:0 35px; }
  .oez-masthead-art { width:185px; height:185px; margin-right:20px; }
  .oez-masthead-art>span { font-size:170px; }
  body:not([data-oez-page="calculator"]) main { padding:45px 35px 65px; }
  .article-layout { gap:40px; grid-template-columns:minmax(0,1fr) 210px; }
  .oez-footer { padding:40px 35px 30px; }
  .oez-footer-email { display:none; }
}
@media(max-width:800px) {
  .oez-nav-wrap { padding:20px 24px 0; flex-wrap:wrap; gap:17px; }
  .oez-brand { font-size:25px; }
  .oez-mark { font-size:25px; }
  .oez-nav { flex:1 0 100%; overflow-x:auto; gap:24px; padding-bottom:9px; scrollbar-width:thin; scrollbar-color:#5c7140 #171915; }
  .oez-nav a { font-size:11px; padding:7px 0; }
  .oez-masthead-inner { padding:35px 24px 31px; gap:15px; }
  .oez-display { font-size:clamp(39px,7.4vw,62px); }
  .oez-kicker { font-size:7px; letter-spacing:.9px; margin-bottom:22px; }
  .oez-caption { font-size:11px; margin-top:19px; }
  .oez-masthead-art { width:110px; height:110px; margin:0 10px; }
  .oez-masthead-art>span { font-size:104px; }
  .oez-masthead-art>small { font-size:5px; letter-spacing:0; }
  [data-oez-page="converter"] .oez-masthead-art>span,[data-oez-page="markdown"] .oez-masthead-art>span { font-size:65px; letter-spacing:-8px; }
  .oez-rule { margin:0 24px; font-size:5px; letter-spacing:.5px; padding:13px 0; }
  .oez-masthead-compact .oez-display { font-size:37px; }
  .oez-masthead-compact .oez-masthead-inner { padding:27px 24px; }
  .oez-masthead-compact .oez-masthead-art { width:60px; height:60px; margin-right:10px; }
  .oez-masthead-compact .oez-masthead-art>span { font-size:60px; }
  body:not([data-oez-page="calculator"]) main { padding:35px 24px 50px; }
  .article-layout,.article-layout.no-nav { grid-template-columns:minmax(0,1fr); gap:38px; }
  .article-nav { position:static; order:initial; padding:24px; border:1px solid var(--line); border-top:3px solid #171915; }
  .article-nav a { padding:10px 0; }
  .doc-card h1,.article-body h1 { font-size:29px; letter-spacing:-1px; line-height:1.45; }
  .doc-card h2,.article-body h2 { font-size:21px; margin-top:31px; padding-top:21px; }
  .doc-card p,.article-body p,.article-body li { font-size:14px; line-height:1.95; }
  .article-body .article-lead { font-size:15px; }
  .article-meta { font-size:10px!important; }
  .page-hero { align-items:flex-start; gap:13px; }
  .page-hero>.icon-tile { width:38px; height:41px; font-size:22px; }
  .guide-tool-head { padding:23px 20px; gap:22px; }
  .guide-tool-head h2 { font-size:21px; margin-top:0; padding:0; }
  .guide-tool-head p { font-size:12px; }
  .guide-tool .post-list { grid-template-columns:1fr; }
  .guide-tool .post-list a { flex-direction:row; padding:20px 0; }
  .guide-tool .post-desc { font-size:12px; }
  .guide-cta { padding:24px; align-items:stretch; flex-direction:column; }
  .guide-cta strong { font-size:18px; }
  [data-oez-page="journal"] .post-list.with-thumbs { grid-template-columns:1fr 1fr; gap:28px 20px; }
  [data-oez-page="journal"] .post-list.with-thumbs li:first-child>a { display:flex; gap:18px; padding-bottom:24px; }
  [data-oez-page="journal"] .post-list.with-thumbs li:first-child .post-thumb { height:250px; }
  [data-oez-page="journal"] .post-list.with-thumbs li:first-child .post-title { font-size:25px; }
  [data-oez-page="journal"] .post-list.with-thumbs li:first-child .post-desc { font-size:12px; }
  [data-oez-page="journal"] .post-thumb { height:160px; }
  [data-oez-page="journal"] .post-title { font-size:17px; }
  [data-oez-page="journal"] .post-date { display:block!important; margin:5px 0 0!important; }
  [data-oez-page="journal"] .post-desc { font-size:11px; }
  .intro-text h1 { font-size:27px; }
  .intro { gap:20px; }
  .toolbar { padding:20px 16px; }
  .toolbar-group { gap:15px; }
  .toolbar label { font-size:12px; }
  .trust-badges { gap:10px 17px; }
  .trust-badge { font-size:10px; }
  .card { box-shadow:5px 5px 0 #d7dfc7; }
  textarea,.preview-box { min-height:350px; height:350px; }
  .md-workspace textarea { min-height:300px; height:380px; }
  .md-panel-content { padding:12px; }
  .md-preview h1 { font-size:25px; }
  .oez-footer { padding:33px 24px 28px; }
  .oez-footer-callout { padding-bottom:27px; gap:15px; }
  .oez-footer-callout>span { font-size:32px; letter-spacing:-1.5px; }
  .oez-footer-callout>a { gap:12px; font-size:10px; }
  .oez-footer-callout>a>span { font-size:29px; }
  .oez-footer-bottom { flex-direction:column; gap:24px; padding-top:26px; }
  .oez-footer-bottom nav { gap:17px; padding:0; }
  .oez-footer-bottom nav a { font-size:10px; }
}
@media(max-width:520px) {
  .oez-masthead-art { width:65px; height:85px; margin:0 0 0 -10px; opacity:.85; }
  .oez-masthead-art>span { font-size:78px; }
  .oez-masthead-art>small { display:none; }
  .oez-masthead-inner { align-items:flex-start; }
  .oez-masthead-art { align-self:center; }
  .oez-display { font-size:42px; }
  .oez-masthead-inner>div:first-child { min-width:0; position:relative; z-index:2; }
  .oez-masthead-compact .oez-display { font-size:31px; }
  .oez-masthead-compact .oez-masthead-art { display:none; }
  [data-oez-page="calculator"] .oez-masthead-art { display:none; }
  [data-oez-page="calculator"] .oez-display { font-size:42px; }
  .oez-caption { max-width:255px; word-break:keep-all; }
  [data-oez-page="journal"] .post-list.with-thumbs { grid-template-columns:1fr; }
  [data-oez-page="journal"] .post-thumb { height:205px; }
  [data-oez-page="journal"] .post-list.with-thumbs li:first-child .post-thumb { height:220px; }
  [data-oez-page="journal"] .post-title { font-size:21px; }
  [data-oez-page="journal"] .post-date { display:inline!important; margin-left:10px!important; }
  .oez-footer-callout { align-items:flex-start; }
  .oez-footer-callout>a { font-size:0; }
  .oez-footer-callout>a>span { font-size:35px; }
  .oez-footer-bottom nav { gap:13px; }
  .guide-cta .cta-text { align-items:flex-start; }
}
@media(max-width:360px) {
  .oez-nav-wrap { padding-left:19px; padding-right:19px; }
  .oez-masthead-inner { padding-left:19px; padding-right:19px; }
  .oez-display,[data-oez-page="calculator"] .oez-display { font-size:36px; }
  .oez-masthead-art { display:none; }
  .oez-kicker { font-size:6px; }
  body:not([data-oez-page="calculator"]) main { padding-left:19px; padding-right:19px; }
  .oez-footer { padding-left:19px; padding-right:19px; }
  .oez-footer-callout>span { font-size:29px; }
  .doc-card h1,.article-body h1 { font-size:26px; }
  .column-head { gap:9px; padding:12px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }