
:root{--ink:#173e3c;--teal:#145c57;--paper:#f5f3ec;--gold:#d7bd83}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;line-height:1.8;word-break:keep-all}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #c6882f;outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding:0 44px}header{background:#f5f3ecf5;position:sticky;top:0;z-index:5;border-bottom:1px solid #173e3c18}nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;gap:12px;align-items:center;font-weight:700;font-size:21px}.mark{border:1px solid #32736c;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:28px}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:500}.links{display:flex;gap:26px;font-size:14px}.menu{display:none;background:none;border:1px solid #75928a;padding:5px 12px}.hero{background:#123f41;color:white;position:relative;overflow:hidden;min-height:680px;display:flex;align-items:center}.landscape{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#123b3eed,#123b3e80 57%,transparent)}.hero .wrap{position:relative;z-index:1;width:100%;padding-top:76px;padding-bottom:92px}.eyebrow{font-size:12px;letter-spacing:3px;color:#79978c;text-transform:uppercase}.hero .eyebrow{color:#d7bd83}.hero h1{font-family:Georgia,'Batang',serif;font-weight:400;font-size:clamp(38px,4.5vw,64px);line-height:1.4;letter-spacing:-2px;margin:25px 0}.hero h1 em{font-style:normal;color:#e2c991}.hero p{color:#d6e3de;font-size:17px;max-width:550px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:14px 23px;background:var(--teal);color:#fff;border:1px solid var(--teal);font-size:14px}.hero .btn{background:#e0c996;color:#173e3c;border-color:#e0c996}.btn.outline{background:transparent;border-color:#aec1b8;color:inherit}.caption{position:absolute;bottom:16px;right:25px;z-index:2;font-size:11px;color:#bed0cb}.intro-strip{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px;padding-top:34px;padding-bottom:34px;border-bottom:1px solid #b6c3ba}.intro-strip strong{display:block;font-size:19px}.intro-strip span{font-size:13px;color:#627972}.section{padding:90px 0}.heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}h2{font-family:Georgia,'Batang',serif;font-size:36px;line-height:1.45;font-weight:400;letter-spacing:-1px;margin:12px 0}h3{font-size:23px;font-weight:500;line-height:1.5}p{margin:12px 0}.muted{color:#657a72;font-size:15px}.two{display:grid;grid-template-columns:1fr 1fr;gap:25px}.program{padding:38px;background:#e8ece2;position:relative;min-height:340px;border-top:3px solid #6b8d77}.program:nth-child(2){background:#e5eae9;border-color:#4a7d7a}.num{font-family:Georgia,serif;color:#7e9a88;font-size:42px}.tag{display:inline-block;font-size:11px;letter-spacing:1px;border:1px solid #8b9e8c;padding:3px 10px;margin-left:15px;vertical-align:middle}.program p{max-width:430px}.text-link{display:inline-block;margin-top:24px;border-bottom:1px solid #5f7c6f;font-size:14px;padding-bottom:4px}.story{background:#143f40;color:#f3f1e7}.story .eyebrow{color:#cbb884}.story .muted{color:#b7cec5}.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:44px}.story-item{border-top:1px solid #6c8981;padding-top:24px}.story-item b{color:#cdb985;font-family:Georgia,serif;font-size:34px;font-weight:400}.story-item p{color:#bdd0c7;font-size:14px}.resources{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.resource{border:1px solid #c1cbbf;border-radius:30px;padding:10px 22px;font-size:14px}.finder{background:#fffef8;border:1px solid #d5ddcf;padding:38px;display:grid;grid-template-columns:.85fr 1.15fr;gap:40px}.finder h2{font-size:31px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-size:13px;display:block}select{width:100%;padding:13px 12px;margin-top:8px;border:1px solid #bbc9bc;color:var(--ink);background:white}#result{border-top:1px solid #d2dacd;margin-top:23px;padding-top:20px}#result h3{margin:0 0 10px;font-size:21px}#result p{font-size:14px}.education{background:#e9ede5}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:35px}.step{padding:25px 0;border-top:1px solid #a6b7a7}.step small{color:#6c876d;letter-spacing:2px}.step h3{font-size:20px}.step p{font-size:14px;color:#60766a}details{border-bottom:1px solid #bdcabc;padding:20px 0}summary{cursor:pointer;font-size:17px}details p{color:#64796d;font-size:14px;max-width:850px}.notice{background:#e2e9df;padding:25px 30px;margin-top:35px}.footer{background:#103332;color:#d4dfd6;padding:50px 0}.footer .wrap{display:flex;justify-content:space-between;gap:35px}.footer p{font-size:12px;color:#9db6ab}.footer a{font-size:13px;text-decoration:underline}.review{background:#e5dac1;font-size:12px;text-align:center;padding:8px 20px;color:#4b594b}.skip{position:absolute;top:-100px}.skip:focus{top:5px;z-index:10;background:white;padding:10px}@media(max-width:800px){.wrap{padding-left:23px;padding-right:23px}.links{display:none;position:absolute;top:86px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column}.links.open{display:flex}.menu{display:block}.hero{min-height:620px}.hero h1{font-size:42px}.hero .wrap{padding-top:60px}.intro-strip{grid-template-columns:1fr;gap:18px}.heading{display:block}.two,.finder{grid-template-columns:1fr}.story-grid{grid-template-columns:1fr 1fr}.section{padding:60px 0}h2{font-size:29px}.finder,.program{padding:26px}.steps{grid-template-columns:1fr;gap:0}.footer .wrap{display:block}.fields{gap:12px}.brand{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-photo{position:absolute;inset:0;background:url('assets/geoje-sea.jpg') center 53%/cover no-repeat}.portrait-block{display:grid;grid-template-columns:280px 1fr;gap:50px;align-items:center;margin:35px 0 65px}.portrait-block img{width:100%;height:330px;object-fit:cover;object-position:65% 20%}.portrait-block h3{font-family:Georgia,'Batang',serif;font-size:28px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.course{background:#f8f9f2;padding:24px;border-top:2px solid #7a9780}.course h3{font-size:20px;margin:8px 0}.course p,.course li{font-size:14px;color:#526b5d}.course ul{padding-left:19px}.source{font-size:12px;color:#60796c}.source a{text-decoration:underline}.curriculum{margin-top:42px}.curriculum details p{max-width:none}.process{padding:24px;background:#dce5d7;margin:28px 0;font-size:15px}.film{display:grid;grid-template-columns:1fr 300px;gap:50px;align-items:center;background:#e7ece4;padding:38px;margin-top:40px}.film video{width:100%;max-height:400px;background:#123f41}.film h3{font-size:30px}.course .tag{margin:0;font-size:10px}@media(max-width:800px){.portrait-block{grid-template-columns:1fr;gap:20px}.portrait-block img{max-width:280px}.course-grid{grid-template-columns:1fr}.film{grid-template-columns:1fr;padding:24px;gap:20px}.film video{max-width:280px}.hero-photo{background-size:auto 140%;background-position:60% 52%}}
.detail-hero{padding:65px 0 48px;background:#173f40;color:#f2f0e5}.detail-hero h1{font-family:Georgia,'Batang',serif;font-size:clamp(32px,4vw,52px);line-height:1.4;font-weight:400;max-width:900px}.detail-hero p{color:#c3d5cb;max-width:850px}.detail-layout{display:grid;grid-template-columns:230px 1fr;gap:50px;padding-top:50px;padding-bottom:70px}.toc{position:sticky;top:110px;align-self:start;font-size:13px}.toc a{display:block;padding:9px 0;border-bottom:1px solid #d7dfd1}.article section{margin-bottom:44px}.article h2{font-size:27px}.article p,.article li{line-height:1.95;font-size:16px}.article li{margin:10px 0}.callout{background:#e5ecdf;padding:22px 27px;margin:24px 0;border-left:3px solid #719575}.callout p{font-size:14px;margin-bottom:0}.cite{font-size:11px;margin-left:6px;text-decoration:underline;white-space:normal}.table-scroll{overflow:auto;margin:22px 0}table{width:100%;border-collapse:collapse;font-size:14px;min-width:490px}th,td{text-align:left;padding:17px 15px;border-bottom:1px solid #cbd5c6;vertical-align:top}th{background:#e5ebdf}td a{text-decoration:underline}.references{border-top:1px solid #b9c9b9;padding-top:25px}.references li{font-size:13px}.references a{text-decoration:underline}.references small{display:block;color:#6e7e71}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.catalog a{padding:28px;background:#e8ede3;border-top:2px solid #668775;display:block}.catalog a:hover{background:#dce6d5}.catalog h3{font-size:21px}.catalog p{font-size:14px;color:#637666}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 10px}.filters button{border:1px solid #a9bbaa;background:transparent;padding:9px 17px;color:#173e3c}.filters button[aria-pressed=true]{background:#173e3c;color:white}input[type=search]{width:100%;padding:15px;border:1px solid #a9bbaa;background:#fffef8;font:inherit}.back{display:inline-block;padding:10px 0;text-decoration:underline;font-size:13px}.detail-footer{padding:30px 0;background:#173f40;color:white;font-size:13px}.research-summary{padding:25px;background:#e1e9db;margin:30px 0}.story-item .text-link{color:#ead8a3}.resource:hover{background:#dce5d5}@media(max-width:800px){.detail-layout{grid-template-columns:1fr;gap:25px}.toc{position:static;display:flex;flex-wrap:wrap;gap:12px}.toc a{padding:5px}.catalog{grid-template-columns:1fr}.detail-hero{padding-top:40px}.detail-layout{padding-top:28px}.article h2{font-size:25px}}
.article h3{margin-top:28px}.print-page,#reset-search{font:inherit;border:1px solid #145c57;background:#f5f3ec;color:#145c57;padding:8px 16px;cursor:pointer}@media print{header,.toc,.detail-footer,.back,.print-page{display:none!important}.detail-layout{display:block}.wrap{max-width:none;padding:0 12px}.detail-hero{padding:12px 0;background:white;color:black}body{background:white;color:black}table{page-break-inside:auto}tr{break-inside:avoid}h2,h3{break-after:avoid}}

.culture-timeline{border-left:3px solid #b18b4d;padding-left:24px;margin:24px 0}.culture-timeline>div{margin:0 0 26px}.article h3{margin-top:28px}.article a:not(.cite){text-underline-offset:4px}.references li{overflow-wrap:anywhere}

@media(max-width:600px){.wrap.section{padding-left:20px;padding-right:20px}.detail-hero h1{overflow-wrap:anywhere}.table-scroll{max-width:100%}.filters button{min-height:44px}.article p,.article li{font-size:16px}}
.article,.toc{min-width:0}.detail-layout{grid-template-columns:230px minmax(0,1fr)}@media(max-width:800px){.detail-layout{grid-template-columns:minmax(0,1fr)}nav>.brand{flex-shrink:0}header nav>a:last-child{font-size:13px;white-space:nowrap}.brand small{font-size:8px;letter-spacing:1px}}

/* Classical texts and civic archive */
.poem{margin:1.6rem 0;padding:clamp(1.2rem,4vw,2.3rem);background:#f4f0e7;border-left:3px solid #ad9660;border-radius:0 12px 12px 0}
.hanpoem{font-family:'Noto Serif KR','Noto Serif CJK KR','Songti SC',serif;font-size:clamp(1.2rem,3.8vw,1.75rem);line-height:2.1!important;letter-spacing:.13em;word-break:keep-all!important;color:#173c38}
.poem-source{font-size:.88rem;line-height:1.8;color:#5d645f;overflow-wrap:anywhere}.poem h3{margin-top:0}.roster-entry{margin:3rem auto;padding:2rem;background:#f1f0e9;border-radius:16px;max-width:1100px}.roster-search{background:#f1f0e9;padding:1.4rem;border-radius:12px;margin:0 0 2rem}.roster-search label{display:block;font-weight:700;margin-bottom:.65rem}.roster-search input{font:inherit;box-sizing:border-box;width:100%;padding:.9rem;border:1px solid #a9b6ac;background:white;border-radius:6px}.roster-search input:focus{outline:3px solid #a8c9bc}.roster-section details{margin:1rem 0;border:1px solid #dddccf;border-radius:10px;padding:1rem}.roster-section summary{cursor:pointer;font-weight:700;color:#173c38}.table-scroll{overflow:auto;margin:1rem 0}.roster-table{width:100%;border-collapse:collapse;font-size:.95rem}.roster-table th,.roster-table td{padding:.75rem .8rem;border-bottom:1px solid #dedfd6;text-align:left;vertical-align:top}.roster-table th{background:#edf0e9;color:#173c38}.roster-table tr:nth-child(even){background:#f8f8f3}.roster-table td:first-child{white-space:nowrap}.roster-table a{overflow-wrap:anywhere} [hidden]{display:none!important}
@media(max-width:600px){.hanpoem{letter-spacing:.06em}.roster-section details{padding:.6rem}.roster-table{font-size:.85rem}.roster-table th,.roster-table td{padding:.65rem .5rem}.roster-entry{margin:2rem 1rem;padding:1.4rem}}

.poem-translation{border-top:1px solid #c9d2c9;margin-top:20px;padding-top:12px}.poem-translation h4{font-size:14px;letter-spacing:.08em;color:#52675c}.poem-translation p,.old-korean{font-size:clamp(17px,2vw,21px);line-height:2.1;word-break:keep-all}.old-korean{font-family:"Noto Serif KR","Malgun Gothic",serif}
