:root{--hymn-page:#fbfbfd;--hymn-ink:#18211d;--hymn-muted:#68736d;--hymn-line:#e3e8e5;--hymn-soft:#f5faf7;--hymn-card:#fff;--hymn-green:#0b8f55}
[data-theme="dark"]{--hymn-page:#090b0a;--hymn-ink:#f2f5f3;--hymn-muted:#b5bdb8;--hymn-line:#343b37;--hymn-soft:#18201c;--hymn-card:#101512;--hymn-green:#34d399}
*{box-sizing:border-box}body{margin:0;background:var(--hymn-page);color:var(--hymn-ink);font-family:Arial,sans-serif;line-height:1.6}a{color:inherit}
.hymns-page,.hymn-page{width:min(1120px,calc(100% - 40px));margin:auto}.hymns-page{padding:54px 0 76px}.hymn-page{max-width:860px;padding:54px 0 76px}.hymns-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:30px;color:var(--hymn-muted);font-size:.82rem}.hymns-breadcrumbs a{color:var(--hymn-green);text-decoration:none}.hymns-kicker{color:var(--hymn-green);font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.hymns-page h1,.hymn-page h1{margin:12px 0 16px;font-size:clamp(2.3rem,6vw,4.2rem);line-height:1.08;letter-spacing:-.045em}.hymns-intro{max-width:760px;margin:0;color:var(--hymn-muted);font-size:1.08rem}.hymn-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:44px}.hymn-card{display:flex;min-width:0;flex-direction:column;gap:7px;padding:18px;border:1px solid var(--hymn-line);border-radius:16px;background:var(--hymn-card);text-decoration:none;transition:border-color .2s,background .2s,transform .2s}.hymn-card:hover{border-color:var(--hymn-green);background:var(--hymn-soft);transform:translateY(-2px)}.hymn-card-title{color:var(--hymn-green);font-size:1rem;font-weight:700;line-height:1.3}.hymn-card-meta{color:var(--hymn-muted);font-size:.8rem}.hymn-card-preview{display:-webkit-box;overflow:hidden;color:var(--hymn-muted);font-family:Georgia,'Times New Roman',serif;font-size:.86rem;font-style:italic;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hymn-meta{margin:0;color:var(--hymn-ink);font-size:1rem;font-weight:700}.hymn-source{margin:6px 0 0;color:var(--hymn-muted);font-size:.86rem}.hymn-text{margin-top:42px}.hymn-stanza{padding:26px 0;border-top:1px solid var(--hymn-line)}.hymn-stanza h2{margin:0 0 14px;color:var(--hymn-green);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hymn-lines{padding-left:22px;border-left:2px solid var(--hymn-green);color:var(--hymn-ink);font-family:Georgia,'Times New Roman',serif;font-size:1.12rem;line-height:1.85}.related-hymns{margin-top:48px;padding-top:28px;border-top:1px solid var(--hymn-line)}.related-hymns h2{margin:0 0 18px;font-size:1.3rem}.related-hymn-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}.related-hymn-links a{color:var(--hymn-green);font-size:.92rem;text-decoration:none}.related-hymn-links a:hover{text-decoration:underline}.hymns-site-footer{width:min(1120px,calc(100% - 40px));margin:auto;padding:28px 0 42px;border-top:1px solid var(--hymn-line);color:var(--hymn-muted);font-size:.84rem;display:flex;justify-content:space-between;gap:20px}.hymns-site-footer a{color:var(--hymn-muted)}
@media(max-width:900px){.hymn-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hymns-page,.hymn-page,.hymns-site-footer{width:min(100% - 28px,1120px)}.hymns-page,.hymn-page{padding-top:40px}.hymn-catalog,.related-hymn-links{grid-template-columns:1fr}.hymns-page h1,.hymn-page h1{font-size:2.45rem}.hymn-lines{padding-left:16px;font-size:1.04rem}.hymns-site-footer{flex-direction:column}}