@import url('./characters.css');
:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:#283c5b;background:#fcfbf7;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:#304a76;text-underline-offset:4px}a:focus-visible{outline:3px solid #294f91;outline-offset:5px;border-radius:4px}
.about-skip{position:fixed;top:-80px;left:16px;padding:12px 20px;background:#304a76;color:#fff;z-index:5}.about-skip:focus{top:12px}
.about-header{max-width:1104px;margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #e1e5e9}
.about-brand{display:flex;gap:10px;align-items:center;font-size:25px;font-weight:900;text-decoration:none;letter-spacing:-1px}.about-brand .corgi{--corgi-size:42px}.brand-orange{color:#9e511c}
.about-language{display:flex;align-items:center;gap:6px;font-size:14px}.about-language a,.about-language span{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border-radius:10px}.about-language [aria-current]{background:#edf1f7;font-weight:700;text-decoration:none}
.about-main{max-width:1016px;padding:0 28px;margin:auto}.about-hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:24px;padding:58px 0 38px}.about-eyebrow{font-size:13px;font-weight:800;color:#936027;letter-spacing:.04em;margin:0 0 18px}.about-hero h1{font-size:clamp(29px,3.6vw,42px);line-height:1.5;letter-spacing:-.045em;word-break:keep-all;overflow-wrap:anywhere;margin:0}.about-hero .corgi{--corgi-size:190px;max-width:100%}.age-pill{display:inline-block;margin-top:22px;padding:6px 12px;border-radius:8px;color:#456146;background:#edf2e7;font-size:13px;font-weight:700}
.about-article{max-width:740px;margin:auto;font-size:17px;line-height:1.95;word-break:keep-all;overflow-wrap:anywhere}.about-article p{margin:0 0 20px}.about-article .lead{font-size:21px;font-weight:700;color:#304a76}.about-article section{margin-top:42px}.about-article h2{font-size:24px;line-height:1.55;letter-spacing:-.03em;margin:0 0 20px}.about-article strong{font-weight:700}.origin-question{padding:22px 26px;border-left:4px solid #e4b75e;background:#fff5d9;border-radius:0 14px 14px 0;font-size:21px;font-weight:700;color:#61492d}.source-link{font-size:13px;white-space:nowrap}.clue-dialogue{margin:24px 0;padding:24px 28px;background:#edf4f4;border:1px solid #d6e5e3;border-radius:18px}.clue-dialogue p{margin:0 0 9px}.clue-dialogue p:last-child{margin:0}.about-ending{padding:28px 0 10px;text-align:center}.about-ending strong{font-size:23px}.about-cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;margin:4px 0 20px;min-height:52px;padding:12px 25px;background:#304a76;color:#fff;border-radius:12px;font-size:16px;font-weight:700;text-decoration:none}
html[lang=en] .about-article{word-break:normal}html[lang=en] .about-hero h1{letter-spacing:-.035em;line-height:1.35}html[lang=en] .about-eyebrow{letter-spacing:.09em}
@media(max-width:650px){.about-header{padding:14px 18px;gap:10px}.about-brand{font-size:22px;gap:5px}.about-brand .corgi{--corgi-size:32px}.about-language{font-size:13px;gap:0}.about-language a,.about-language span{padding:8px}.about-main{padding:0 22px}.about-hero{padding:32px 0 26px;gap:12px;grid-template-columns:minmax(0,1fr) 76px}.about-hero h1{font-size:29px}.about-hero .corgi{--corgi-size:76px;align-self:start;margin-top:40px}.about-eyebrow{font-size:12px;margin-bottom:14px}.age-pill{font-size:12px;margin-top:16px}.about-article{font-size:16px;line-height:1.95}.about-article .lead{font-size:19px}.about-article section{margin-top:32px}.about-article h2{font-size:22px}.origin-question{font-size:19px;padding:18px 20px}.clue-dialogue{padding:20px}.about-ending strong{font-size:21px}}
@media(max-width:380px){.about-header{padding-inline:14px}.about-brand{font-size:20px}.about-brand .corgi{--corgi-size:26px}.about-main{padding-inline:18px}.about-hero{grid-template-columns:1fr}.about-hero>.corgi{display:none}.about-hero h1{font-size:28px}.about-language a,.about-language span{padding-inline:7px}}

.about-jumps{display:flex;flex-wrap:wrap;gap:6px 18px;max-width:740px;margin:0 auto 32px;padding:12px 0;border-block:1px solid #dce2e6;font-size:14px;line-height:1.6}.about-jumps a{display:inline-flex;align-items:center;min-height:44px}.about-article [id]{scroll-margin-top:24px}.help-steps{padding-left:24px}.help-steps li{padding-left:4px;margin-bottom:18px}.help-steps strong{display:block}.contact-card,.settings-card{background:#edf3f5;border:1px solid #d4e2e5;border-radius:16px;padding:24px}.contact-card a{overflow-wrap:anywhere}.contact-card p:last-child,.settings-card p:last-child{margin-bottom:0}.privacy-main{max-width:796px;padding-top:36px}.privacy-main>h1{font-size:clamp(28px,4vw,36px);line-height:1.4;margin:0 0 28px}.privacy-data{margin:0}.privacy-data>div{padding:18px 0;border-top:1px solid #dce2e6}.privacy-data dt{font-weight:700;margin-bottom:8px}.privacy-data dd{margin:0}.privacy-main ul{padding-left:24px}.privacy-main li{margin-bottom:14px}.privacy-main .privacy-note{font-size:14px;color:#4d6078;line-height:1.8}.settings-card button{font:inherit;font-size:16px;font-weight:700;min-height:48px;border:0;border-radius:10px;padding:12px 18px;background:#304a76;color:#fff;cursor:pointer;margin-bottom:20px;max-width:100%;white-space:normal}.settings-card button:disabled{background:#e0e5ec;color:#516277;cursor:default}.settings-card button:focus-visible{outline:3px solid #be7625;outline-offset:4px}.settings-card #status{font-weight:700}.privacy-main .lead{font-size:19px}@media(max-width:650px){.contact-card,.settings-card{padding:20px 18px}.privacy-main{padding-top:26px}.privacy-main .about-article{font-size:15px}.about-jumps{gap:4px 14px}}