/* Field Notes v109. One reading canvas; one place to inspect the price. */
/* Theme tokens are owned by appearance.css on every page. */
body:is(.journal-page,.collection-page) .journal-root{max-width:1228px;padding:30px 64px 80px;margin:auto}
body:is(.journal-page,.collection-page) .journal-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 22px;padding-bottom:0;border:0}
body.journal-page .journal-heading h1{font:500 26px/1.2 var(--cw-reading-font);letter-spacing:-.035em;gap:10px;margin-top:10px}
body .journal-heading .journal-mark{width:22px;height:22px;flex-basis:22px;background:none;border:0}
body .journal-heading .journal-mark img{width:18px;height:18px}
body .journal-heading .editorial-eyebrow{font:500 10px/1.5 Archivo,sans-serif;letter-spacing:.08em;color:var(--a-muted)}
body.journal-page .journal-meta{border:0;border-top:1px solid var(--a-rule);padding:14px 0;min-height:0}
body.journal-page .journal-meta>div{font-size:13px;gap:16px}
body.journal-page .journal-editorial-note{border:0;padding:0 0 20px;display:grid;grid-template-columns:1fr auto;gap:2px 24px;margin:0}
body.journal-page .journal-editorial-note p,body.journal-page .journal-editorial-note nav a{font-size:12px;line-height:1.6}
body.journal-page .journal-editorial-note nav{grid-column:2;grid-row:1/3}
body.journal-page .journal-reading{padding:0;margin:0 0 36px;border:0;background:none;box-shadow:none;display:block}
body.journal-page .journal-story{background:none;padding:32px 0 34px;border-top:1px solid var(--a-rule)}
body.journal-page .journal-story h2{max-width:22ch;font:500 clamp(36px,4.6vw,58px)/1.1 var(--cw-reading-font);letter-spacing:-.045em;text-wrap:balance;margin:16px 0 26px;color:var(--a-ink)}
body.journal-page .journal-story h2[lang=ko]{font:500 clamp(30px,3.8vw,48px)/1.4 var(--cw-reading-font);letter-spacing:-.035em;max-width:26ch}
body.journal-page .journal-decision{font-size:12px;color:var(--a-muted)}
body.journal-page .journal-decision:before{width:6px;height:6px;border-radius:50%;background:var(--a-muted);margin-right:8px}
body.journal-page .observed-pattern{margin:0;gap:4px 12px;font-size:13px}
body.journal-page .pattern-label{flex-basis:auto;margin-right:8px}
body.journal-page .pattern-word{padding:0;background:none;font-weight:550}
body.journal-page .note-movement{display:grid;grid-template-columns:minmax(0, .8fr) minmax(0, 1.2fr);gap:64px;align-items:start;padding:32px 0 48px;border-top:1px solid var(--a-rule)}
body.journal-page .journal-paragraph{padding:0;margin:0;max-width:none}
body.journal-page .journal-paragraph h3{font-size:15px;font-weight:600;line-height:1.55;margin:14px 0 14px;letter-spacing:-.01em;color:var(--a-ink)}
body.journal-page .journal-paragraph p:not(.note-step){font-size:18px;line-height:1.85;max-width:58ch;margin:0;color:var(--a-ink)}
body.journal-page .journal-paragraph .note-step{font:400 38px/1 Archivo,sans-serif;letter-spacing:-.05em;color:var(--a-sea);margin:0}
body.journal-page .journal-price-study{padding:26px 28px 18px;border:1px solid color-mix(in oklch,var(--a-rule) 60%,transparent);background:var(--a-water);border-radius:3px;box-shadow:0 3px 0 var(--a-bg),0 4px 0 var(--a-rule);width:100%}
body.journal-page .journal-price-study .evidence-index{font-size:10px;letter-spacing:.07em;margin-bottom:20px}
body.journal-page .journal-price-study .evidence-chart{margin-bottom:24px;max-width:none}
body.journal-page .evidence-chart figcaption{font-size:18px;line-height:1.5;font-weight:500;color:var(--a-ink)}
body.journal-page .chart-subtitle{font-size:12px;margin:4px 0 18px}
body.journal-page [data-selected-price]{font-size:38px;font-weight:500;line-height:1.2;color:var(--a-ink)}
body.journal-page .chart-line{stroke:var(--a-sea);stroke-width:2.5}
body.journal-page .chart-point{fill:var(--a-sea);stroke:var(--a-water)}
body.journal-page .chart-rule{opacity:.5}
body.journal-page .chart-controls button{font:500 11px/1.5 Archivo,sans-serif;text-align:center;border-bottom:1px solid var(--a-rule)}
body.journal-page .chart-controls button[aria-pressed=true]{color:var(--a-ink);border-bottom:2px solid var(--a-sea)}
body.journal-page .evidence-trends{gap:8px;border-color:var(--a-rule);padding:16px 0}
body.journal-page .trend-overview .evidence-trends{grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--a-rule)}
body.journal-page .trend-overview .trend-cell,body.journal-page .trend-overview .trend-cell:has(.direction),body.journal-page .trend-cell strong,body.journal-page .trend-cell .direction{background:none;padding:0}
body.journal-page .trend-cell strong{font-size:14px;gap:3px}
body.journal-page .trend-label{font-size:12px;color:var(--a-muted)}
body.journal-page .trend-caption{font-size:12px;line-height:1.7}
body.journal-page .note-verdict{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:32px 0 16px;border-top:1px solid var(--a-rule)}
body.journal-page .note-action{padding-top:24px;border-top:1px solid var(--a-rule)}
body.journal-page .reading-jumps{display:flex;flex-wrap:wrap;gap:8px 28px;padding:12px 0 0;margin:0;font-size:13px}
body.journal-page .journal-saved{font-size:13px;line-height:1.7;max-width:72ch;padding:12px 0;margin:0;border:0;color:var(--a-muted)}
body.journal-page :is(.reading-evidence,.reading-comparison){margin:40px 0;padding:32px 0 0;border-color:var(--a-rule)}
body.journal-page :is(.reading-evidence,.reading-comparison) h2{font-size:30px;font-weight:500;line-height:1.4;letter-spacing:-.03em;margin-bottom:18px;color:var(--a-ink)}
body.journal-page .evidence-metrics{gap:64px;margin-top:26px}
body.journal-page .evidence-metrics>div{max-width:none;border-color:var(--a-rule);padding-top:20px}
body.journal-page .evidence-metrics dd:not(.metric-definition){font-size:48px;font-weight:400;line-height:1.2;margin:14px 0}
body.journal-page .evidence-metrics .metric-definition{font-size:14px;line-height:1.8;max-width:52ch}
body.journal-page .journal-proof{background:none;border-color:var(--a-rule)}
body.journal-page :is(.journal-proof,.reading-key,.evidence-data,.evidence-decision)>summary{font-size:13px;line-height:1.6;min-height:44px;padding-block:13px}
body.collection-page .journal-heading h1{font-size:clamp(48px,6vw,76px);line-height:1.08}
body.collection-page .journal-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-color:var(--a-rule)}
body.collection-page .journal-meta>div{display:grid;gap:4px;font-size:13px}
body.collection-page .journal-meta label{display:flex;align-items:center;gap:14px;font-size:13px}
body.collection-page .journal-meta select{min-height:44px;font-size:13px}
body.collection-page .journal-saved{font-size:13px;line-height:1.7;margin-top:10px;max-width:68ch}
body.collection-page .catalog-feature{margin-top:24px}
/* A tall figure is shared by the three reading beats on a wide screen. */
@media(min-width:761px){
 body.journal-page .journal-reading.field-note{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"thesis thesis" "movement chart" "why chart" "action chart";gap:30px 64px;align-items:start}
 body.journal-page .note-thesis{grid-area:thesis;margin-bottom:2px;border-bottom:1px solid var(--a-rule)}
 body.journal-page :is(.note-movement,.note-verdict){display:contents}
 body.journal-page .note-movement>.journal-paragraph{grid-area:movement}
 body.journal-page .note-movement>.journal-price-study{grid-area:chart}
 body.journal-page .note-why{grid-area:why;border-top:1px solid var(--a-rule);padding-top:24px}
 body.journal-page .note-action{grid-area:action}
 body.journal-page .note-verdict>.journal-paragraph{margin:0}
}
@media(max-width:900px){body:is(.journal-page,.collection-page) .journal-root{padding-inline:32px}body.journal-page .journal-reading.field-note{column-gap:32px}}
@media(max-width:760px){
 body:is(.journal-page,.collection-page) .journal-root{padding:26px 20px 64px}
 body:is(.journal-page,.collection-page) .journal-heading{gap:12px;margin-bottom:20px}
 body.journal-page .journal-heading h1{font-size:24px}
 body.journal-page .journal-meta>div{gap:6px 12px}
 body.journal-page .journal-editorial-note{display:block;padding-bottom:8px}
 body.journal-page .journal-editorial-note nav{margin-top:4px}
 body.journal-page .journal-permalink-label{display:none}
 body.journal-page .journal-story{padding:28px 0}
 body.journal-page .journal-story h2{font-size:36px;max-width:none;line-height:1.15;margin:16px 0 24px}
 body.journal-page .journal-story h2[lang=ko]{font-size:30px;line-height:1.45;max-width:none}
 body.journal-page .pattern-label{flex-basis:100%}
 body.journal-page .note-movement{display:block;padding:26px 0 32px}
 body.journal-page .journal-paragraph .note-step{font-size:30px}
 body.journal-page .journal-paragraph p:not(.note-step){font-size:17px;line-height:1.85}
 body.journal-page .journal-price-study{margin-top:28px;padding:22px 18px 14px}
 body.journal-page [data-selected-price]{font-size:34px}
 body.journal-page .note-verdict{grid-template-columns:1fr;gap:30px;padding:28px 0 0}
 body.journal-page .note-action{padding-top:26px}
 body.journal-page .evidence-metrics{grid-template-columns:1fr;gap:10px}
 body.journal-page .evidence-metrics dd:not(.metric-definition){font-size:38px;margin:0}
 body.journal-page :is(.reading-evidence,.reading-comparison) h2{font-size:26px}
 body.journal-page .evidence-metrics .metric-definition{font-size:13px}
 body.collection-page .journal-meta{display:block}
 body.collection-page .journal-meta label{margin-top:14px;justify-content:space-between}
 body.collection-page .journal-meta select{max-width:220px}
 body.collection-page .journal-heading h1{font-size:48px}
}
@media(max-width:360px){body:is(.journal-page,.collection-page) .journal-root{padding-inline:18px}body .journal-heading .editorial-eyebrow{font-size:9px}body.journal-page .journal-price-study{padding-inline:14px}body.journal-page .journal-heading h1{font-size:22px}body.journal-page .journal-heading .journal-note-kind{font-size:11px}body.collection-page .journal-heading h1{font-size:42px}}
@media print{
 body.journal-page .journal-reading.field-note{display:block}
 body.journal-page :is(.note-movement,.note-verdict){display:block}
 body.journal-page .journal-price-study{box-shadow:none;max-width:none;margin:24px 0}
 body.journal-page .note-action,body.journal-page .note-why{margin-top:24px}
 body.journal-page .journal-story h2{font-size:34px}
}