.blog-main{padding:65px var(--gutter) 110px;min-height:60vh}.blog-intro{padding:12px 0 70px;border-bottom:1px solid var(--line);margin-bottom:55px}.blog-title{font-size:clamp(48px,7.2vw,112px);line-height:1;letter-spacing:-.065em;font-weight:600;max-width:18ch;margin:36px 0}.blog-lead{font-size:clamp(19px,2.2vw,29px);line-height:1.45;letter-spacing:-.025em;max-width:54ch;color:var(--muted)}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 42px}.blog-card{border-bottom:1px solid var(--line);padding-bottom:35px;min-width:0}.blog-card-image{display:block;aspect-ratio:16/10;background:#deded7;overflow:hidden;margin-bottom:25px}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.blog-card-image:hover img{transform:scale(1.025)}.blog-card h2{font-size:clamp(28px,3.1vw,46px);font-weight:600;line-height:1.1;letter-spacing:-.045em;margin:20px 0 16px}.blog-card h2 a:hover{color:var(--accent)}.blog-arrow{display:inline-flex;color:var(--accent);margin-left:.3em;font-size:.7em;vertical-align:-.08em}.blog-card>p{font-size:17px;line-height:1.65;max-width:55ch;color:var(--muted)}.blog-empty{padding:30px 0 70px;font-size:24px}.blog-pagination{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:60px;padding-top:25px;font-size:15px}.blog-featured{margin:0 0 70px;overflow:hidden}.blog-featured img{display:block;width:100%;height:auto;max-height:760px;object-fit:cover}.blog-article .blog-title{max-width:22ch}.blog-prose{max-width:65ch;margin:0 auto;font-size:clamp(18px,1.45vw,21px);line-height:1.85;overflow-wrap:anywhere}.blog-prose>*+*{margin-top:1.3em}.blog-prose h2{font-size:clamp(30px,3vw,44px);line-height:1.2;letter-spacing:-.04em;margin-top:2em}.blog-prose h3{font-size:clamp(24px,2.3vw,32px);line-height:1.3;margin-top:1.7em;letter-spacing:-.025em}.blog-prose h4{font-size:22px;line-height:1.4}.blog-prose strong{font-weight:700}.blog-prose a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}.blog-prose a:hover{color:var(--accent)}.blog-prose blockquote{margin:2em 0;padding:8px 0 8px 26px;border-left:3px solid var(--accent);font-size:1.3em;line-height:1.5;letter-spacing:-.025em}.blog-prose ul,.blog-prose ol{padding-left:1.5em}.blog-prose li+li{margin-top:.35em}.blog-prose img{max-width:100%;height:auto;display:block}.blog-prose figure{margin:2em 0}.blog-prose figcaption{font-size:14px;color:var(--muted);line-height:1.6;margin-top:12px}.blog-prose pre{padding:22px;background:#e1e0da;white-space:pre-wrap;font-size:.8em}.blog-prose table{border-collapse:collapse;display:block;overflow-x:auto;max-width:100%;font-size:.9em}.blog-prose th,.blog-prose td{padding:12px;border:1px solid var(--line);text-align:left}.blog-author{max-width:65ch;margin:70px auto 0;border-top:1px solid var(--line);padding-top:30px;font-size:21px}.blog-author p{margin:12px 0 20px}.blog-site .menu-dialog .menu-link{user-select:auto}.blog-site .blog-prose h2,.blog-site .blog-prose h3{user-select:text}
.blog-admin{background:var(--paper);min-width:0}.admin-header{min-height:110px;padding:20px var(--gutter);display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);flex-wrap:wrap}.admin-header img{object-fit:contain;max-width:130px}.admin-header>nav{margin-left:auto;display:flex;gap:24px;font-size:14px}.admin-header form{margin:0}.admin-main{padding:55px var(--gutter) 80px;max-width:1800px;margin:auto;min-height:70vh}.admin-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.admin-main h1{font-size:clamp(42px,5vw,76px);font-weight:600;line-height:1.05;letter-spacing:-.06em}.admin-main h2{font-size:25px;line-height:1.2;letter-spacing:-.03em;margin-bottom:18px}.blog-admin label{display:block;font-size:13px;line-height:1.5;font-weight:700;margin:22px 0 8px}.blog-admin input,.blog-admin select,.blog-admin textarea{display:block;width:100%;max-width:100%;padding:13px 14px;background:#fafaf8;border:1px solid #b7b8ae;border-radius:0;color:var(--ink);font:inherit}.blog-admin textarea{resize:vertical}.blog-admin input[type=file]{font-size:13px}.admin-button{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;min-height:50px;background:var(--ink);border:1px solid var(--ink);color:white;font-size:14px;font-weight:700;text-decoration:none}.admin-button:hover{background:var(--accent);border-color:var(--accent)}.admin-link{background:none;border:0;border-bottom:1px solid currentColor;padding:6px 0;font-size:14px}.admin-login{max-width:450px;margin:25px 0 50px}.admin-login .admin-button{margin-top:28px;width:100%}.admin-toolbar{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin:35px 0}.admin-toolbar form{display:flex;gap:16px;align-items:flex-end}.admin-toolbar label{margin-top:0;min-width:130px}.admin-toolbar .admin-link{margin-bottom:17px}.admin-post-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.admin-post-list article{padding:30px 0;border-top:1px solid var(--line)}.admin-post-list article>div{display:flex;gap:25px;margin-top:20px;font-size:14px;text-decoration:underline;text-underline-offset:5px}.admin-post-list h2{margin:15px 0}.admin-post-list p{font-size:16px;line-height:1.6;color:var(--muted)}.admin-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:45px}.admin-editor-main{min-width:0}.admin-editor-main .admin-title-input{font-size:30px;line-height:1.15;font-weight:600;letter-spacing:-.03em}.admin-editor-aside{min-width:0}.admin-editor-aside section{padding:25px 0;border-top:1px solid var(--line);margin-bottom:20px}.admin-editor-aside .admin-button{margin-top:25px;width:100%}.admin-editor-aside img{width:100%;height:auto}.admin-hint{font-size:12px;line-height:1.65;color:var(--muted);margin:8px 0 16px}.admin-preview{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.admin-preview summary{cursor:pointer;font-size:14px;padding-bottom:25px}.admin-preview .blog-prose{font-size:18px;padding:25px 0}.admin-notice{padding:18px 20px;border:1px solid var(--line);margin-bottom:25px}.admin-notice.is-error{border-color:var(--accent)}.admin-users{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px}.admin-users section{padding:25px 0;border-top:1px solid var(--line)}.admin-users .admin-button{margin-top:20px}.admin-users section>form+form{margin-top:20px}.admin-footer{padding:20px var(--gutter);font-size:12px;border-top:1px solid var(--line)}.blog-admin .toastui-editor-defaultUI{border-color:#b7b8ae;border-radius:0;background:#fafaf8}.blog-admin .toastui-editor-toolbar{background:#e5e4de}.blog-admin .toastui-editor-contents{font-family:var(--font)}.blog-admin .toastui-editor-popup{max-width:calc(100vw - 32px)}.blog-admin [data-counter]{font-weight:400;color:var(--muted)}
@media(max-width:1023px){.blog-grid{gap:45px 28px}.admin-editor-layout{grid-template-columns:minmax(0,1fr) 270px;gap:28px}.admin-header>nav{margin-left:0}.blog-intro{padding-bottom:45px;margin-bottom:40px}}
@media(max-width:767px){.blog-main{padding-top:35px;padding-bottom:70px}.blog-title{font-size:clamp(42px,10.5vw,72px);margin:27px 0}.blog-grid,.admin-post-list,.admin-users,.admin-editor-layout{grid-template-columns:minmax(0,1fr)}.blog-grid{gap:40px}.blog-card h2{font-size:32px}.blog-featured{margin-bottom:40px}.blog-author{margin-top:45px}.admin-main{padding-top:35px}.admin-header{gap:15px}.admin-header>.eyebrow{font-size:9px}.admin-header>nav{width:100%;justify-content:space-between;gap:12px}.admin-header>form{margin-left:auto}.admin-toolbar{flex-wrap:wrap}.admin-toolbar form{width:100%;gap:10px}.admin-toolbar label{min-width:0;flex:1}.admin-toolbar select{font-size:13px;padding:10px 6px}.admin-editor-main .admin-title-input{font-size:25px}.admin-editor-aside{display:grid;gap:15px}.admin-preview .blog-prose{font-size:17px}.toastui-editor-defaultUI-toolbar{overflow-x:auto}.admin-main .toastui-editor-mode-switch{height:auto;min-height:30px}.blog-prose blockquote{padding-left:18px}.blog-pagination{gap:12px;font-size:13px}}
.blog-admin [data-markdown-editor][hidden]{display:none}
@media(prefers-reduced-motion:reduce){.blog-card-image img{transition:none}}

.blog-link-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1;flex-shrink:0}.blog-link-icon .arrow-glyph{width:1.25em;height:1.25em;vertical-align:0}.blog-link-icon--previous{transform:rotate(180deg)}.blog-pagination a{display:inline-flex;align-items:center;gap:10px}.blog-admin nav a{display:inline-flex;align-items:center;gap:6px}