/* Original journal system. See DESIGN.md for reference and tokens. */
:root{--j-bg:#f8f7f4;--j-paper:#fff;--j-ink:#20282b;--j-muted:#626b70;--j-line:#dedfda;--j-blue:#2854d8;--j-tint:#edf0e9}
html[data-theme=dark]{--j-bg:#15191d;--j-paper:#1d2328;--j-ink:#edf1f2;--j-muted:#a5afb7;--j-line:#343d44;--j-blue:#96b2ff;--j-tint:#29352d}
html{scroll-behavior:smooth}body.journal{margin:0;padding:0;background:var(--j-bg)!important;color:var(--j-ink)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif!important;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;background-image:none}body.journal *{box-sizing:border-box}.journal a{color:inherit;text-decoration:none}.journal a:hover{color:var(--j-blue)}.journal a:focus-visible,.journal input:focus-visible{outline:3px solid var(--j-blue);outline-offset:5px}.journal h1,.journal h2,.journal h3{color:var(--j-ink);font-family:inherit;font-weight:700;letter-spacing:-.045em;line-height:1.35}.journal-header,.journal-main,.journal-footer{width:min(1160px,calc(100% - 64px));margin:0 auto}.journal-header{min-height:100px;display:flex;align-items:center;gap:48px;border-bottom:1px solid var(--j-line)}.journal-brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:750;white-space:nowrap}.brand-symbol{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--j-ink);border-radius:12px;font:700 30px Georgia,serif}.journal-brand small{display:block;font:10px/1.8 ui-monospace,monospace;letter-spacing:1.4px;color:var(--j-muted)}.journal-nav{display:flex;gap:28px;margin-left:auto;font-size:14px}.journal-nav a,.journal-tools a{padding:12px 0}.journal-tools{display:flex;align-items:center;gap:24px;font-size:13px}.theme-control{position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--j-line);border-radius:50%;margin:0;cursor:pointer}.theme-control input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.theme-control span{font-size:24px}.theme-control:focus-within{outline:3px solid var(--j-blue);outline-offset:3px}.journal-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;padding:82px 0 72px;align-items:center}.eyebrow{font:11px/1.7 ui-monospace,SFMono-Regular,monospace;letter-spacing:1.6px;color:var(--j-muted);margin:0 0 18px}.status-dot{display:inline-block;width:7px;height:7px;background:#4f865d;border-radius:50%;margin-right:8px}.journal-hero h1{font-size:clamp(34px,4.3vw,56px);line-height:1.35;margin:0 0 24px;word-break:keep-all}.journal-hero h1 span{color:var(--j-blue)}.hero-description{color:var(--j-muted);font-size:16px;line-height:1.9;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:24px;font-size:13px}.journal-button{display:inline-flex;gap:25px;align-items:center;background:var(--j-ink);color:var(--j-bg)!important;padding:14px 20px;border-radius:7px;font-weight:600}.journal-button:hover{opacity:.85}.hero-caption{font:10px ui-monospace,monospace;letter-spacing:2px;color:var(--j-muted);margin:38px 0 0}.notebook{background:var(--j-tint);padding:24px 28px 20px;border:1px solid var(--j-line);border-radius:8px;transform:rotate(2deg);box-shadow:8px 8px 0 var(--j-bg),9px 9px 0 var(--j-line)}.notebook-top,.notebook-bottom{display:flex;justify-content:space-between;gap:12px;font:9px/1.6 ui-monospace,monospace;letter-spacing:.7px}.notebook-top{border-bottom:1px solid var(--j-line);padding-bottom:14px}.notebook-art{height:150px;display:flex;align-items:center;justify-content:center;gap:18px;position:relative}.art-bracket{font:100px/1 Georgia,serif;color:var(--j-blue)}.art-lines{width:100px;display:grid;gap:12px}.art-lines i{height:5px;background:var(--j-ink);border-radius:8px}.art-lines i:nth-child(2){width:70%;background:var(--j-blue)}.art-lines i:nth-child(3){width:85%}.art-lines i:nth-child(4){width:50%}.art-star{position:absolute;right:5px;top:8px;font-size:42px;color:var(--j-blue)}.notebook h2{font-size:32px;margin:8px 0 26px}.notebook-bottom{border-top:1px solid var(--j-line);padding-top:16px;color:var(--j-muted)}.journal-section{padding:32px 0 72px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2,.topics-section h2{font-size:28px;margin:0}.section-heading>a{font-size:13px;padding:8px 0}.count{display:inline-block;font:12px ui-monospace,monospace;vertical-align:middle;color:var(--j-muted);border:1px solid var(--j-line);border-radius:30px;padding:4px 9px;margin-left:12px;letter-spacing:0}.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.entry-card{border:1px solid var(--j-line);border-radius:8px;overflow:hidden;background:var(--j-paper);min-width:0;transition:transform .2s,border-color .2s}.entry-card:hover{transform:translateY(-4px);border-color:var(--j-blue)}.entry-cover{height:180px;display:flex;flex-direction:column;justify-content:space-between;position:relative;padding:17px 20px;color:#253d35!important;background:#e3eadd;overflow:hidden}.cover-1{background:#e5eaf2;color:#31486d!important}.cover-2{background:#ede5d9;color:#6b4c36!important}.cover-3{background:#e9e4ef;color:#58426d!important}.cover-number,.cover-topic{font:10px/1.4 ui-monospace,monospace;letter-spacing:1.2px;z-index:1}.cover-topic{align-self:flex-end}.cover-glyph{position:absolute;inset:0;display:grid;place-items:center;font:68px/1 ui-monospace,monospace;letter-spacing:-7px;transform:rotate(-8deg)}.entry-cover:after{content:'';position:absolute;width:190px;height:190px;border:1px solid currentColor;border-radius:50%;opacity:.1;right:-45px;top:-60px}.entry-body{padding:23px}.entry-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;line-height:1.6;color:var(--j-muted);margin-bottom:12px}.entry-meta>span{color:var(--j-blue);font-weight:650}.entry-card h3{font-size:19px;line-height:1.55;margin:0 0 12px;word-break:keep-all;overflow-wrap:anywhere}.entry-body>p{font-size:13px;line-height:1.8;color:var(--j-muted);margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.entry-read{display:flex;justify-content:space-between;align-items:center;font-size:11px;border-top:1px solid var(--j-line);padding-top:14px}.topics-section{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding:48px 0 70px;border-top:1px solid var(--j-line)}.topics-section h2{font-size:24px;word-break:keep-all}.topic-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-links a{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--j-line);border-radius:5px;font-size:12px}.topic-links a span:last-child{color:var(--j-muted);white-space:nowrap}.journal-footer{display:flex;justify-content:space-between;gap:28px;padding:30px 0 40px;border-top:1px solid var(--j-line);text-align:left;background:transparent}.journal-footer p{font-size:12px;color:var(--j-muted);margin:8px 0}.journal-footer>div>a{font-size:14px;font-weight:700}.footer-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:12px}.footer-links span{color:var(--j-muted);font-size:10px}.archive{padding-top:60px;min-height:70vh}.archive h1{font-size:40px;margin:0 0 12px}.archive .section-heading p:not(.eyebrow){font-size:14px;color:var(--j-muted)}.journal-pagination{display:flex;justify-content:center;gap:30px;padding:40px 0 0;font-size:14px}.skip-link{position:fixed;top:-100px;left:20px;background:var(--j-paper);padding:10px;z-index:1000}.skip-link:focus{top:10px}
/* Legacy page and article templates keep their content and integrations. */
.journal .card{background:var(--j-paper);color:var(--j-ink);border:1px solid var(--j-line);border-radius:8px;box-shadow:none}.journal .card-header{background:transparent;color:var(--j-ink);border-bottom:1px solid var(--j-line)}.journal-main>.card{margin:48px auto;padding:28px 0}.journal #blog-post-container{margin:52px 0 32px}.journal #blog-post-container>.col-lg-8{flex:0 0 100%;max-width:800px;margin:0 auto;padding:0;width:100%}.journal #blog-post-container .card-header{padding:34px 32px}.journal .post-title{font-size:clamp(26px,4vw,40px);line-height:1.45}.journal .post-meta,.journal .post-summary,.journal .post-categories,.journal .post-tags{font-size:12px;color:var(--j-muted);line-height:1.8}.journal #blog-post-container .card-body{padding:32px;font-size:16px;line-height:1.85;overflow-wrap:anywhere}.journal #blog-post-container .card-body h2{font-size:26px;margin:36px 0 20px}.journal #blog-post-container .card-body h3{font-size:22px;margin-top:28px}.journal #blog-post-container img{max-width:100%;height:auto}.journal #blog-post-container pre{overflow:auto;max-width:100%;padding:20px;background:#18232d;color:#e5eaf1;border-radius:6px;font-size:13px;line-height:1.7}.journal #blog-post-container .pagination{display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding:20px;font-size:12px}.journal .card-body a,.journal .category-posts a{color:var(--j-blue)}.journal table{display:block;max-width:100%;overflow:auto}.journal blockquote{border-left:3px solid var(--j-blue);padding:12px 20px;color:var(--j-muted)}.journal .text-dark{color:var(--j-ink)!important}.journal .category-posts{padding:14px 20px;border-bottom:1px solid var(--j-line);list-style:none}.journal input[type=text],.journal input[type=email]{background:var(--j-paper);color:var(--j-ink);border:1px solid var(--j-line);border-radius:5px;min-height:44px;max-width:100%}
@media(max-width:1000px){.journal-header{gap:24px}.journal-nav{gap:20px}.journal-hero{gap:32px}.journal-hero h1{font-size:40px}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topics-section{gap:30px}.journal-tools{gap:14px}}
@media(max-width:640px){.journal-header,.journal-main,.journal-footer{width:calc(100% - 36px)}.journal-header{padding:18px 0;gap:12px;flex-wrap:wrap;min-height:auto}.journal-brand{font-size:16px}.journal-tools{margin-left:auto}.journal-nav{order:3;width:100%;margin:4px 0 0;border-top:1px solid var(--j-line);padding-top:7px;justify-content:space-between;gap:12px}.journal-nav a{padding:8px 0}.search-link{font-size:12px}.theme-control{width:36px;height:36px}.journal-hero{grid-template-columns:1fr;padding:44px 0;gap:36px}.journal-hero h1{font-size:35px}.hero-description{font-size:14px}.hero-actions{gap:20px;font-size:12px}.hero-caption{margin-top:24px}.notebook{max-width:400px;width:calc(100% - 12px);margin:0 auto;padding:20px 24px;transform:rotate(1deg)}.notebook-art{height:110px}.notebook h2{font-size:26px;margin:4px 0 20px}.art-bracket{font-size:78px}.section-heading h2{font-size:25px}.section-heading>a{font-size:11px;white-space:nowrap}.entry-grid{grid-template-columns:1fr;gap:22px}.entry-cover{height:190px}.entry-card h3{font-size:20px}.journal-section{padding:22px 0 44px}.topics-section{grid-template-columns:1fr;gap:24px;padding:32px 0 40px}.topic-links{grid-template-columns:1fr}.journal-footer{flex-direction:column;padding:26px 0;gap:16px}.footer-links{gap:18px}.footer-links span{width:100%}.archive{padding-top:36px}.archive h1{font-size:32px}.journal #blog-post-container{margin-top:30px}.journal #blog-post-container .card-header,.journal #blog-post-container .card-body{padding:22px 18px}.journal-main>.card{margin:28px auto;padding:20px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entry-card{transition:none}.entry-card:hover{transform:none}}

.topic-archive{padding:30px 0;border-top:1px solid var(--j-line);scroll-margin-top:24px}.topic-archive h2{font-size:22px}.topic-archive ul{list-style:none;padding:0}.topic-archive li{display:flex;gap:20px;padding:12px 0;border-bottom:1px solid var(--j-line);font-size:14px}.topic-archive time{flex-shrink:0;color:var(--j-muted);font-size:12px}