.journal-figure{--ink:#202521;--muted:#6b706b;--porcelain:#fbfaf7;--wash:#eee9df;--line:#cfc6b8;--gold:#9a7440;--sage:#63776a;margin:36px 0 44px;padding:clamp(22px,4vw,38px);border:1px solid var(--line);background:linear-gradient(145deg,#fff 0%,var(--porcelain) 58%,#f1ede5 100%);box-shadow:0 18px 55px rgba(62,53,42,.08);overflow:hidden}.journal-figure__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;margin-bottom:24px}.journal-figure__eyebrow{display:block;margin-bottom:8px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.2em}.journal-figure h3{max-width:24ch;margin:0;font:400 clamp(23px,3.6vw,36px)/1.35 Georgia,'Noto Serif JP',serif}.journal-figure__mark{width:54px;height:54px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:italic 22px/1 Georgia,serif}.journal-figure__canvas{position:relative;min-height:240px;padding:24px;border:1px solid rgba(120,103,80,.25);background:radial-gradient(circle at 16% 12%,rgba(154,116,64,.10),transparent 32%),linear-gradient(rgba(255,255,255,.74),rgba(255,255,255,.74)),repeating-linear-gradient(0deg,transparent 0 27px,rgba(99,119,106,.08) 28px);isolation:isolate}.journal-figure__canvas svg{display:block;width:100%;height:auto;min-height:150px;max-height:260px;color:var(--ink)}.journal-figure__canvas svg *{vector-effect:non-scaling-stroke}.journal-figure__items{display:grid;grid-template-columns:repeat(var(--item-count,4),minmax(0,1fr));gap:1px;margin:0;padding:0;background:var(--line);border:1px solid var(--line);list-style:none}.journal-figure__items li{min-width:0;padding:16px;background:rgba(255,255,255,.92)}.journal-figure__items strong{display:block;color:var(--ink);font-size:13px;letter-spacing:.04em}.journal-figure__items span{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.55}.journal-figure figcaption{margin-top:14px;color:var(--muted);font-size:12px;line-height:1.8}.journal-sources{margin-top:54px;padding:clamp(24px,4vw,40px);border:1px solid var(--line);background:#202521;color:#f8f5ef}.journal-sources h2{margin-top:0!important;color:#fff}.journal-sources__intro{color:#ccd3ce}.journal-sources ol{margin:24px 0 0;padding:0;list-style:none;counter-reset:source}.journal-sources li{counter-increment:source;padding:18px 0 18px 42px;border-top:1px solid rgba(255,255,255,.16);position:relative}.journal-sources li:before{content:counter(source,decimal-leading-zero);position:absolute;left:0;top:19px;color:#d5b77c;font:12px/1.5 Georgia,serif}.journal-sources a{display:inline-flex;min-height:44px;align-items:center;color:#fff;text-decoration:underline;text-decoration-color:rgba(213,183,124,.65);text-underline-offset:5px}.journal-sources p{margin:0;color:#bac2bd;font-size:12px}.journal-figure--ladder .journal-figure__canvas{background-color:#f8f3e9}.journal-figure--quadrant .journal-figure__canvas{background-image:linear-gradient(90deg,transparent 49.7%,rgba(154,116,64,.22) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(154,116,64,.22) 50%,transparent 50.3%)}.journal-figure--viewfinder .journal-figure__canvas{border-width:8px;border-color:#262c29;background-color:#ede9df}.journal-figure--checkpoint .journal-figure__canvas{background-color:#f4f1e9}.journal-figure--balance .journal-figure__canvas{background:linear-gradient(180deg,#fbfaf7 0 76%,#e6dfd3 76%)}.journal-figure--split-coat .journal-figure__canvas{background:linear-gradient(90deg,#f0ede5 0 49.8%,#27302b 50.2%);color:#fff}.journal-figure--learning-loop .journal-figure__canvas{border-radius:50% 50% 4px 4px;background-color:#f0eadf}.journal-figure--comb-profiles .journal-figure__canvas{background:#202521;color:#f7f3ea}.journal-figure--timeline .journal-figure__canvas{background:linear-gradient(90deg,#f6f2e9,#fff)}.journal-figure--stoplight .journal-figure__canvas{background:#242a27}.journal-figure--label-flow .journal-figure__canvas{background-color:#f6f1e8}.journal-figure--tool-cycle .journal-figure__canvas{background:radial-gradient(circle,#fff 0 25%,#eee8dd 26% 48%,#f9f7f2 49%)}@media(max-width:760px){.journal-figure{margin-inline:-8px;padding:20px 16px}.journal-figure__head{grid-template-columns:1fr}.journal-figure__mark{display:none}.journal-figure__canvas{min-height:190px;padding:12px}.journal-figure__items{grid-template-columns:1fr 1fr}.journal-sources{padding:24px 18px}.journal-sources li{padding-left:34px}}@media(max-width:420px){.journal-figure__items{grid-template-columns:1fr}.journal-figure__canvas svg{min-height:130px}.journal-figure h3{font-size:23px}}@media(prefers-reduced-motion:reduce){.journal-figure *{scroll-behavior:auto}}
