/* Our layout: independently authored, 2026-10-16. */
@font-face { font-family: GimhaeGaya; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202-2@1.0/GimhaeGayaB.woff') format('woff'); font-weight:700; font-display:swap; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor:pointer; color:#182645; border:0; background:transparent; padding:12px; }
button:hover { background:#D3E4F1; }
.photo-band { position:absolute; inset:0 0 auto; height:480px; background:linear-gradient(#0004,#0004),url('/img/bg-header.jpg') center/cover; z-index:-1; }
.site-frame { width:min(922px,100%); margin:24px auto 0; padding:0 16px; }
.masthead { min-height:197px; padding:80px 32px 0; position:relative; border-bottom:1px solid #D3E4F1; }
.blog-name { text-align:center; }
.blog-name h1 { font-size:45px; line-height:1; margin:0 40px 13px; }
.description { margin:0; }
body .masthead .blog-name .description { font-size:13px !important; line-height:21px !important; max-width:100%; text-align:center; }
.toolbar { display:flex; justify-content:space-between; position:absolute; inset:12px -12px auto; pointer-events:none; }
.toolbar > * { pointer-events:auto; border-radius:50%; }
.icon { width:24px; height:24px; display:block; }
.back { display:none; padding:12px; }
#main { padding-top:24px; }
.article-card, .list-card { background:#F5F6F2; margin-bottom:16px; padding:30px 40px; min-width:0; }
.article-inner { max-width:704px; margin:auto; }
.post-meta { display:flex; align-items:center; justify-content:space-between; margin-top:8px; }
.share { padding:0 16px; height:24px; }
.byline { display:block; line-height:24px; }
.post-meta .byline { margin:0; }
.article-inner > .post-body { padding-top:25.5px; padding-bottom:34px; }
.post-body { min-width:0; }
.post-body img, .post-body iframe, .post-body video { max-width:100%; }
.post-body pre { overflow:auto; }
.list-card .post-title { max-width:704px; }
.list-card .byline { margin:0 0 24px; }
.list-content { display:flex; align-items:flex-start; gap:36px; }
.cover-link { display:block; flex:none; width:128px; }
.cover { display:block; width:128px; height:128px; object-fit:cover; }
.list-summary { width:540px; max-width:100%; margin:0; font-size:18px; line-height:32.4px; }
.featured .list-content { display:block; }
.featured .cover-link { width:100%; }
.featured .cover { width:100%; height:auto; aspect-ratio:810 / 575; object-fit:cover; }
.featured .list-summary { width:100%; font-size:15px; line-height:27px; margin:30px 0; }
.read-more { display:block; width:fit-content; margin-left:auto; padding:8px; border-radius:2px; font:700 15px var(--font-ui); }
.read-more:hover { background:#D3E4F1; }
.footer { padding:32px 16px; text-align:center; }
dialog { color:#182645; background:#F5F6F2; border:1px solid #D3E4F1; width:min(620px,94vw); max-height:90dvh; padding:24px; }
dialog::backdrop { background:#0008; }
dialog input { width:100%; padding:12px; border:1px solid #5C6879; }
.drawer { margin:0 auto 0 0; height:100dvh; max-height:100dvh; width:min(320px,90vw); }
.drawer nav a { display:block; padding:10px 0; }
#results li { margin:16px 0; }
.notice:not(:empty) { position:fixed; bottom:16px; left:50%; transform:translateX(-50%); padding:12px; background:#182645; color:white; }
.skip { position:fixed; left:16px; top:-100px; z-index:10; background:white; padding:12px; }
.skip:focus { top:8px; }
.item-view .blog-name h1 { font-size:24px; }
@media (max-width:800px) {
 .site-frame { padding:0; margin-top:10px; }
 .masthead { min-height:136px; padding:12px 16px 0; }
 .blog-name h1 { font-size:24px; line-height:24px; margin:0 32px 13px; }
 .toolbar { inset:0 4px auto; }
 .item-view .back { display:block; }
 .item-view .toolbar [data-open="menu"] { display:none; }
 #main { padding-top:0; }
 .article-card, .list-card { padding:16px; }
 .article-inner > .post-body, .article-card .post-title, .post-meta .byline { padding-left:15px; padding-right:15px; }
 .article-inner > .post-body .separator { margin-left:0 !important; margin-right:0 !important; }
 .list-content { gap:20px; }
 .list-summary { width:auto; flex:1; min-width:0; font-size:17px; line-height:1.85; }
}
@media (max-width:480px) {
 .list-card .post-title, .list-card .byline { padding-left:0; padding-right:0; }
 .list-card:not(.featured) .cover-link, .list-card:not(.featured) .cover { width:96px; height:96px; }
}
[hidden] { display:none !important; }

@media (min-width:801px) {
 .description-break { display:none; }
 .featured { position:relative; }
 .featured-share { position:absolute; right:40px; top:40px; padding:0; }
 .featured .post-title { padding-right:32px; }
}
@media (max-width:800px) { .featured-share { display:none; } }