/* Card dictionary maintenance; Gemini section-layout proposal reviewed and scoped. */
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:#fffbf4;color:#2d1836}
.tl-skip-link{position:absolute;left:16px;top:-80px;z-index:10000;padding:12px 18px;background:#fffbf4;color:#2d1836}
.tl-skip-link:focus{top:10px;outline:2px solid #815b2d}
.cs-core{font-family:"Pretendard Variable",Pretendard,sans-serif;font-size:17px;line-height:1.85;color:#5c5059;overflow-wrap:break-word;word-break:keep-all}
.cs-core *{box-sizing:border-box}
.cs-core .cs-shell{width:min(100%,1100px);margin-inline:auto;padding-inline:32px}
.cs-core .cs-section{padding-block:56px;background:#fffbf4}
.cs-core .cs-section.cs-toned{background:#f2ece3}
.cs-core .cs-section-head{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:26px;margin-bottom:28px;border-bottom:1px solid #d6c6ab}
.cs-core .cs-label{margin:0;color:#815b2d;font-size:14px;line-height:1.6;font-weight:600;letter-spacing:.03em}
.cs-core .cs-section-head h2{margin:0;color:#2d1836;font-family:"Gowun Batang",serif;font-weight:400;font-size:clamp(26px,2.3vw,32px);line-height:1.5}
.cs-core .cs-symbols,.cs-core .cs-directions{display:grid;grid-template-columns:1fr;gap:22px}
.cs-core .cs-symbols article,.cs-core .cs-directions article{display:flex;flex-direction:column;min-width:0;padding:26px 24px;border:1px solid #d6c6ab;background:#fffbf4}
.cs-core article h3{margin:0 0 22px;font-family:"Gowun Batang",serif;font-weight:400;font-size:24px;line-height:1.6;color:#2d1836;letter-spacing:-.01em;text-wrap:balance}
.cs-core article p{margin:0;max-width:62ch}
.cs-core .cs-term{display:block;margin-bottom:7px;color:#815b2d;font-size:14px;font-weight:600;line-height:1.6}
.cs-core .cs-scene{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e4d9cb}
.cs-core .cs-prose p+p{margin-top:18px}
.cs-core .cs-directions .cs-label{margin-bottom:12px}
.cs-core .cs-keywords{display:flex;flex-wrap:wrap;gap:8px 10px;margin:0;padding:0;list-style:none}
.cs-core .cs-keywords li{font-size:14px;line-height:1.6;border:1px solid #786542;color:#e7c79a;padding:5px 10px}
.cs-core .td-lead{font-size:17px;line-height:1.85;max-width:53ch}
.cs-core .cs-card-nav{display:flex;justify-content:space-between;gap:20px;padding-block:28px}
.cs-core .cs-card-nav a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#61416b;text-decoration:underline;text-underline-offset:5px}
.cs-core a:focus-visible{outline:2px solid #a1763c;outline-offset:4px}
.cs-core :is(section,[id]){scroll-margin-top:110px}
@media(min-width:860px){
 .cs-core .cs-symbols{grid-template-columns:repeat(3,minmax(0,1fr))}
 .cs-core .cs-directions{grid-template-columns:repeat(2,minmax(0,1fr))}
 @supports(grid-template-rows:subgrid){
  .cs-core .cs-symbols article,.cs-core .cs-directions article{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}
 }
}
@media(max-width:760px){
 .cs-core .cs-shell{padding-inline:20px}
 .cs-core .cs-section{padding-block:36px}
 .cs-core .cs-section-head{gap:9px;padding-bottom:20px;margin-bottom:22px}
 .cs-core .cs-symbols,.cs-core .cs-directions{gap:18px}
 .cs-core .cs-symbols article,.cs-core .cs-directions article{padding:24px 20px}
 .cs-core article h3{font-size:23px;line-height:1.55;margin-bottom:18px;text-wrap:pretty}
 .cs-core .cs-scene{padding-bottom:18px;margin-bottom:18px}
 .cs-core .td-lead{font-size:17px;line-height:1.85}
 .cs-core .cs-card-nav{font-size:15px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}