/* Paper Weekend base styles */
:root{
  --paper:#F1F3F0; --sheet:#FAFBF9; --ink:#1D2932; --muted:#56636D; --rule:#D3D9D3;
  --marker:#F0D64A; --link:#1F4E6B;
  --travel:#D6E5EE; --tv:#E4DAEC; --life:#DCE7D1;
  --serif:'Instrument Serif','Noto Serif KR',Georgia,'Times New Roman',serif;
  --sans:'Hanken Grotesk','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',system-ui,-apple-system,'Segoe UI',sans-serif;
  --measure:66ch; --wrap:1080px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.7;-webkit-font-smoothing:antialiased}
html:lang(ko) body{line-height:1.85;word-break:keep-all;overflow-wrap:break-word}
img{max-width:100%;height:auto}
p{text-wrap:pretty}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:-.01em;margin:0;text-wrap:balance}
html:lang(ko) h1,html:lang(ko) h2,html:lang(ko) h3{font-weight:500;letter-spacing:-.02em;line-height:1.3}
.wrap{width:min(100% - 2.5rem,var(--wrap));margin-inline:auto}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:.6rem 1rem;z-index:10}
.skip:focus{left:0}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:2px}

/* Header */
.site-header{padding:1.25rem 0}
.header-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.6rem 2rem}
.wordmark{font-family:var(--serif);font-size:1.95rem;line-height:1;text-decoration:none;letter-spacing:-.01em;margin-right:auto}
.site-nav{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;font-weight:500;font-size:.98rem;order:2}
.lang{display:flex;gap:.9rem;font-size:.92rem;color:var(--muted);order:3}
.site-nav a,.lang a{text-decoration:none;padding:.1rem 0}
.site-nav a:hover,.site-nav a[aria-current="page"],.lang a[aria-current="true"]{background:linear-gradient(transparent 58%,var(--marker) 58%);color:var(--ink)}
@media (max-width:720px){.site-nav{flex-basis:100%;order:4}.lang{order:2}}

/* Home hero */
.hero{padding:clamp(2.25rem,7vw,5.5rem) 0 clamp(2rem,5vw,3.5rem)}
.hero h1{font-size:clamp(2.6rem,6.4vw,4.9rem);max-width:21ch}
html:lang(ko) .hero h1{max-width:17em;font-size:clamp(2.1rem,5.2vw,3.9rem)}
.hero p{max-width:46ch;font-size:1.2rem;color:var(--muted);margin:1.5rem 0 0}
html:lang(ko) .hero p{max-width:40em}

/* Dog-eared category sheets */
.sheets{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;align-items:start}
.sheet{position:relative;background:var(--tint);padding:1.6rem 1.5rem 1.9rem;min-height:15.5rem;
  clip-path:polygon(0 0,calc(100% - 46px) 0,100% 46px,100% 100%,0 100%);transition:transform .2s ease}
.sheet::after{content:"";position:absolute;top:0;right:0;width:46px;height:46px;background:linear-gradient(to bottom left,transparent 50%,rgba(29,41,50,.16) 50%)}
.sheet h2{font-size:2.1rem;margin-bottom:.6rem}
.sheet p{margin:0;color:#33424d}
.sheet a{text-decoration:none}
.sheet a::before{content:"";position:absolute;inset:0}
.sheet:hover{transform:translateY(-3px)}
.sheet:hover h2{background:linear-gradient(transparent 62%,var(--marker) 62%);display:inline}
.sheet-travel{--tint:var(--travel)} .sheet-tv{--tint:var(--tv)} .sheet-life{--tint:var(--life)}
@media (min-width:900px){.sheet:nth-child(2){margin-top:1.75rem}.sheet:nth-child(3){margin-top:.75rem}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* Sections */
.band{padding:clamp(2.5rem,6vw,4.5rem) 0}
.band h2.section-title{font-size:clamp(1.8rem,3.4vw,2.4rem);margin-bottom:1.75rem}
.principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:2rem}
.principles>div{border-top:2px solid var(--ink);padding-top:1rem}
.principles h3{font-family:var(--sans);font-size:1.05rem;font-weight:600;margin-bottom:.35rem;letter-spacing:0}
html:lang(ko) .principles h3{font-family:var(--sans);font-weight:700}
.principles p{margin:0;color:var(--muted)}
.duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:3rem}
.duo h2{font-size:1.9rem;margin-bottom:.75rem}
.duo p{margin:0 0 .75rem;max-width:46ch}
.tlink{font-weight:600;text-decoration:none;background:linear-gradient(transparent 62%,var(--marker) 62%)}
.tlink:hover{background:var(--marker)}

/* Interior pages */
.page-head{padding:clamp(1.5rem,4vw,3rem) 0 1.5rem}
.page-head h1{font-size:clamp(2.3rem,5.2vw,3.6rem)}
.crumbs{font-size:.9rem;color:var(--muted);margin-bottom:1rem}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.prose{max-width:var(--measure);padding-bottom:2rem}
html:lang(ko) .prose{max-width:38em}
.prose h2{font-size:1.85rem;margin:2.6rem 0 .9rem}
.prose h3{font-size:1.35rem;margin:1.8rem 0 .5rem}
.prose p,.prose li{margin:0 0 1rem}
.prose ul,.prose ol{padding-left:1.3rem;margin:0 0 1.2rem}
.prose li{margin-bottom:.5rem}
.prose a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:.08em}
.prose a:hover{background:var(--marker);color:var(--ink)}
.prose .meta{color:var(--muted);font-size:.95rem}
.lede{font-size:1.25rem;color:#33424d;max-width:var(--measure)}
.cover{list-style:none;padding:0;margin:0 0 2.5rem;display:grid;gap:.7rem}
.cover li{padding-left:1.6rem;position:relative}
.cover li::before{content:"";position:absolute;left:0;top:.75em;width:.8rem;height:.38rem;background:var(--marker)}
.note{border-left:5px solid var(--marker);background:var(--sheet);padding:1rem 1.25rem;max-width:var(--measure)}
.note strong{display:block;font-weight:600}
.post-list{list-style:none;margin:0;padding:0;max-width:var(--measure)}
.post-list li{padding:1.25rem 0;border-bottom:1px solid var(--rule)}
.post-list h3{font-size:1.6rem}
.post-list h3 a{text-decoration:none}.post-list h3 a:hover{background:linear-gradient(transparent 62%,var(--marker) 62%)}
.post-list p{margin:.4rem 0 0;color:var(--muted)}
.post-list time{font-size:.9rem;color:var(--muted)}
.sitemap-list{list-style:none;padding:0}
.sitemap-list li{margin-bottom:.4rem}
.sitemap-list h2{margin-top:2rem}

/* Post template pieces */
.dek{font-size:1.3rem;color:#33424d;max-width:var(--measure);margin:1rem 0 0}
.byline{color:var(--muted);font-size:.95rem;margin-top:1rem}
.byline a{color:inherit}
.toc{background:var(--sheet);border:1px solid var(--rule);padding:1rem 1.25rem;max-width:var(--measure);margin:1.5rem 0}
.toc strong{display:block;margin-bottom:.4rem}
.toc ol{margin:0;padding-left:1.2rem}
.takeaways{border-left:5px solid var(--marker);background:var(--sheet);padding:1rem 1.25rem;margin:1.5rem 0}
.takeaways strong{display:block;margin-bottom:.4rem}
.checklist{list-style:none;padding:0}
.checklist li{padding-left:1.8rem;position:relative}
.checklist li::before{content:"";position:absolute;left:0;top:.35em;width:1rem;height:1rem;border:2px solid var(--ink)}
.disclosure{font-size:.95rem;color:var(--muted);border:1px dashed var(--rule);padding:.6rem .9rem;max-width:var(--measure)}
.author-box{border-top:2px solid var(--ink);margin-top:3rem;padding-top:1.25rem;max-width:var(--measure)}
.related{margin-top:2.5rem}

/* Footer */
.site-footer{border-top:1px solid var(--rule);padding:2.5rem 0 3rem;font-size:.95rem;color:var(--muted);margin-top:2rem}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}
.footer-grid h2{font-family:var(--sans);font-size:.95rem;font-weight:600;color:var(--ink);margin-bottom:.5rem;letter-spacing:0}
.footer-grid ul{list-style:none;margin:0;padding:0}
.footer-grid li{margin-bottom:.3rem}
.footer-grid a{text-decoration:none}.footer-grid a:hover{text-decoration:underline}
.footer-brand{font-family:var(--serif);font-size:1.6rem;color:var(--ink);margin:0 0 .4rem}
.copy{margin-top:2rem}

/* Language chooser and 404 */
.chooser{padding:clamp(3rem,10vw,7rem) 0}
.chooser h1{font-size:clamp(3rem,9vw,6rem)}
.chooser p{color:var(--muted);font-size:1.15rem;margin:1rem 0 2rem}
.choices{display:flex;flex-wrap:wrap;gap:1rem}
.choices a{font-size:1.5rem;font-family:var(--serif);padding:.5rem 1.25rem;border:2px solid var(--ink);text-decoration:none}
.choices a:hover{background:var(--marker)}