.site-nav{display:flex;justify-content:center;gap:6px;background:#faf6ef;padding:14px 12px;border-bottom:1px solid #dfd4cb;position:sticky;top:0;z-index:20}.site-nav a{padding:10px 18px;border-radius:999px;text-decoration:none;color:#65364f;font-size:15px;font-weight:600;white-space:nowrap}.site-nav a[aria-current="page"]{background:#382049;color:#faf6ef}.site-nav a:focus-visible{outline:3px solid #dcbc83;outline-offset:3px}@media print{.site-nav{display:none}}*{box-sizing:border-box}body{margin:0;background:#ece5df;color:#352b36;font:16px/1.7 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif;word-break:keep-all}main{max-width:1020px;margin:34px auto;background:#faf6ef;min-height:100vh;box-shadow:0 18px 65px #37233816}header{padding:65px 50px;background:#382049;color:#faf6ef}.eyebrow{color:#dcbc83;font-size:12px;letter-spacing:.16em}h1{font-size:42px;font-weight:500;line-height:1.4;margin:18px 0}header>p:not(.eyebrow){color:#e1d3dd}.archive-note{display:block;font-size:12px;color:#dcbc83;margin-top:28px}.archive{padding:36px 40px 60px}.filters{display:flex;gap:16px;align-items:end}label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#65364f}.filters label:first-child{flex:1}input,select{font:inherit;min-height:46px;padding:10px 13px;border:1px solid #dfd4cb;border-radius:6px;background:white;color:#352b36;width:100%}#count{font-size:13px;color:#776c77;margin:22px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.card{display:block;border:1px solid #dfd4cb;border-radius:8px;overflow:hidden;color:inherit;background:white;text-decoration:none;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #38204915}.card img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;background:#eee6e7}.card-copy{padding:16px}.card time{color:#65364f;font-size:12px}.card h2{font-size:19px;line-height:1.45;margin:7px 0 9px}.card p{font-size:12px;color:#776c77;margin:0}.read-label{display:block;color:#65364f;font-size:12px;margin-top:14px}footer{text-align:center;padding:25px;border-top:1px solid #dfd4cb;font-size:12px;color:#776c77}dialog{padding:0;border:0;border-radius:10px;width:min(960px,96vw);max-height:94dvh;background:#faf6ef;color:#352b36}dialog::backdrop{background:#170d20cc}.reader-bar{position:sticky;top:0;background:#faf6eff5;display:flex;align-items:start;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #dfd4cb;z-index:2}.reader-bar h2{font-size:22px;line-height:1.4;margin:3px 0}.reader-bar small,.reader-bar p{font-size:12px;color:#776c77;margin:0}button{font:inherit;cursor:pointer;border:1px solid #dfd4cb;border-radius:5px;background:white;color:#382049;padding:9px 15px;min-height:44px;white-space:nowrap}.reader-links{display:flex;gap:22px;padding:12px 22px;font-size:13px}.reader-links a{color:#65364f}#comic{display:block;width:100%;height:auto}.reader-pager{display:flex;justify-content:space-between;padding:22px;gap:12px}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:3px solid #dcbc83;outline-offset:3px}body.reading{overflow:hidden}[hidden]{display:none!important}@media(max-width:700px){main{margin:0}header{padding:42px 24px}h1{font-size:32px}.archive{padding:26px 18px 40px}.filters{align-items:stretch;flex-direction:column;gap:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.card-copy{padding:12px}.card h2{font-size:16px}.reader-bar{padding:14px 12px}.reader-bar h2{font-size:18px}.reader-links{padding:10px 12px;gap:16px}dialog{width:100vw;max-width:none;max-height:100dvh;height:100dvh;border-radius:0}.site-nav a{padding:9px 14px}}@media(prefers-reduced-motion:reduce){.card{transition:none}}
.devotional-original{margin:0 20px 22px;border:1px solid #dfd4cb;border-radius:10px;background:#faf6ef;color:#352b36}.devotional-original summary{padding:19px 22px;cursor:pointer;font-weight:700;color:#65364f;line-height:1.6}.devotional-original summary:focus-visible{outline:3px solid #dcbc83;outline-offset:2px}.original-body{padding:0 26px 28px;max-width:760px;margin:auto}.original-byline{font-size:13px;color:#776c77;border-top:1px solid #dfd4cb;padding-top:20px}.original-body h3{font-size:18px;color:#382049;margin:26px 0 14px}.original-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.95;word-break:keep-all}.original-body section{margin:0}@media(max-width:600px){.devotional-original{margin:0 12px 16px}.devotional-original summary{padding:17px}.original-body{padding:0 18px 22px}.original-text{font-size:15px}}

/* Compact archive: one panel preview, full comic in reader. */
.webtoon-archive main{max-width:1200px;margin:0 auto}.webtoon-archive header{padding:24px 32px}.webtoon-archive header .eyebrow{margin:0 0 5px}.webtoon-archive header h1{font-size:27px;line-height:1.4;margin:4px 0 7px}.webtoon-archive header h1 br{display:none}.webtoon-archive header>p:not(.eyebrow){font-size:14px;margin:0}.webtoon-archive header>p br{display:none}.webtoon-archive .archive-note{display:none}.webtoon-archive .archive{padding:20px 28px 40px}.webtoon-archive .filters{gap:12px}.webtoon-archive .filters label:last-child{width:180px}.webtoon-archive #count{margin:12px 0;font-size:12px}.webtoon-archive .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card-preview{aspect-ratio:4/3;overflow:hidden;background:#eee6e7}.card .card-preview img{display:block;width:200%;max-width:none;height:auto;aspect-ratio:auto;transform:translateY(-9%)}.webtoon-archive .card-copy{padding:11px 13px 13px}.webtoon-archive .card h2{font-size:16px;margin:5px 0;line-height:1.4}.webtoon-archive .card time,.webtoon-archive .card p{font-size:11px}.webtoon-archive .read-label{display:none}@media(max-width:1000px){.webtoon-archive .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.webtoon-archive header{padding:20px}.webtoon-archive header h1{font-size:23px}.webtoon-archive header>p:not(.eyebrow){font-size:12px}.webtoon-archive .archive{padding:16px 14px 32px}.webtoon-archive .filters{flex-direction:row;align-items:end;gap:10px}.webtoon-archive .filters label:last-child{width:110px}.webtoon-archive .filters input,.webtoon-archive .filters select{font-size:12px;min-height:40px;padding:8px}.webtoon-archive .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.webtoon-archive .card-copy{padding:9px 10px 11px}.webtoon-archive .card h2{font-size:14px}.webtoon-archive .site-nav a{padding:9px 11px;font-size:13px}}