*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#16354a;background:#f4f7f4;font:17px/1.7 system-ui,sans-serif}a{color:#075f83;text-underline-offset:.24em}a:hover{text-decoration-thickness:2px}button,select{font:inherit}button{cursor:pointer}button,a,select{touch-action:manipulation}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b95126;outline-offset:4px}.skip{position:absolute;top:-90px;left:10px;background:white;z-index:30}.skip:focus{top:5px}header{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 5%;border-bottom:1px solid #b7c8cc;background:#fff}.identity{display:flex;gap:10px;align-items:center;text-decoration:none;color:#16354a;flex-shrink:0}.identity img{border-radius:7px}.identity span{font-size:22px;line-height:1.15;font-weight:750;letter-spacing:-.04em}.identity small{display:block;font-size:9px;line-height:2;letter-spacing:.18em;font-weight:500}.menu{display:none;background:#fff;border:1px solid #16354a;color:#16354a;padding:9px 15px}header nav{display:flex;gap:23px;align-items:center;font-size:13px;font-weight:650}header nav a{color:#16354a;text-decoration:none}summary{cursor:pointer}header nav details{position:relative}header nav details>div{position:absolute;inset-inline-end:0;top:100%;z-index:15;background:#fff;border:1px solid #b7c8cc;padding:12px;min-width:260px;max-width:360px;max-height:65vh;overflow:auto;box-shadow:8px 8px 0 #16354a15}header nav details>div a{display:block;padding:10px;border-bottom:1px solid #dce5e7}.ruler{display:flex;justify-content:space-between;gap:20px;padding:10px 5%;font-size:10px;letter-spacing:.15em;background:#16354a;color:#e5f2f5;border-bottom:5px solid #d6e8ed}.wide{width:min(1220px,90%);margin:auto}.reader{width:min(770px,88%);margin:65px auto}h1,h2,h3,h4{line-height:1.14;letter-spacing:-.045em;font-weight:750;overflow-wrap:anywhere}h1{font-size:clamp(42px,5.4vw,74px);margin:15px 0 30px;text-wrap:balance}h2{font-size:34px;margin:15px 0 22px}h3{font-size:25px}h4{font-size:20px}p{margin:0 0 22px}.intro{font-size:21px;max-width:760px;line-height:1.65}.kicker{font:700 11px/1.7 system-ui;letter-spacing:.15em;text-transform:uppercase;color:#775026;margin-bottom:12px}.small{font-size:12px;line-height:1.65;color:#4d6470}.hero{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:50px;padding:78px 0 60px}.hero h1{font-size:clamp(50px,6.4vw,88px);line-height:1.02}.hero-art{margin:0;border:1px solid #aac0c9;background:#d9eaf0;padding:18px;box-shadow:14px 14px 0 #16354a}.hero-art img{display:block;width:100%}figcaption{font-size:11px;line-height:1.6;margin-top:15px;color:#3b5969}.button{display:inline-block;padding:14px 20px;color:#fff;background:#16354a;border:1px solid #16354a;text-decoration:none;font-size:14px;font-weight:700;box-shadow:4px 4px 0 #c6d8dc}.button.light{background:#e9f4f6;color:#16354a;box-shadow:4px 4px 0 #7093a3}.hero-app{margin-top:20px}.thesis{display:grid;grid-template-columns:170px 1fr;gap:40px;align-items:start;margin:50px 0 60px;padding:35px 0;border-top:1px solid #aac0c9;border-bottom:1px solid #aac0c9}.big-number{font:300 112px/1 system-ui;color:#b95126}.thesis>div{display:grid;grid-template-columns:.9fr 1fr;gap:15px 35px}.thesis h2{grid-row:span 2}.thesis p{margin:0}.notice{padding:23px 27px;border-inline-start:5px solid #b95126;background:#f1e9db;font-size:14px;margin:30px 0}.notice strong{display:block;margin-bottom:8px}.notice a{font-weight:700}.blue-box{background:#16354a;color:#edf6f7;margin:65px 0;padding:45px;border:1px solid #16354a;box-shadow:10px 10px 0 #c6d8dc;max-width:1040px}.blue-box h2{font-size:46px}.blue-box .kicker{color:#e6c9a2}.blue-box p{max-width:700px}.guide-grid{border-top:2px solid #16354a}.guide-card{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:30px 12px;text-decoration:none;border-bottom:1px solid #aac0c9;color:#16354a}.guide-card:hover{background:#e6eff0}.guide-card>span{font:300 38px/1.2 system-ui;color:#b95126}.guide-card h3{margin:0 0 12px;font-size:29px}.guide-card p{font-size:15px;margin:0;max-width:850px}.journal-home{margin:65px 0;padding:35px 0;border-top:1px solid #aac0c9}.journal-home h2{font-size:42px}.contents{display:block;border:1px solid #aac0c9;padding:20px;font-size:14px;margin:35px 0;background:#fff}.contents a{display:block;padding:5px 0}.reader section{margin:45px 0}.section-number{color:#b95126;font-size:12px;margin-bottom:10px}.citation{font-size:13px;padding-top:10px}.citation small{display:block;font-size:11px;color:#4d6470;margin-top:5px}.app-card{display:grid;grid-template-columns:1fr 150px;gap:30px;align-items:center;padding:30px;background:#d9eaf0;border:1px solid #aac0c9;margin:65px 0}.app-card h2{font-size:28px}.app-card p{font-size:14px}.app-card figure{margin:0}.product{width:140px;border-radius:12px}.badges{display:flex;flex-wrap:wrap;gap:9px}.badges img{max-width:142px;display:block}.sticky{position:fixed;inset-inline-end:14px;bottom:14px;background:#16354a;color:#fff;padding:11px 17px;border:2px solid #fff;text-decoration:none;font-size:12px;font-weight:700;z-index:20;box-shadow:4px 4px 0 #16354a30}.sticky.temporarily-clear-controls{visibility:hidden;pointer-events:none}footer{background:#16354a;color:#e4f0f2;padding:50px 5% 85px;margin-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:35px}footer strong{font-size:28px;letter-spacing:-.045em}footer a{color:#e4f0f2;display:block;font-size:14px;margin:6px 0}footer .small{color:#c5d8df}footer>p{grid-column:1/-1}.diagram-head{padding-top:60px}.diagram-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:25px 0 40px}.diagram-cell{text-align:start;border:1px solid #8eaeba;background:#e2edf1;color:#16354a;padding:20px}.diagram-cell strong{display:block;font-size:17px;margin-top:15px;overflow-wrap:anywhere}.diagram-cell[aria-pressed=true]{outline:3px solid #16354a;outline-offset:3px;background:#cce2e9}.diagram-cell svg{width:100%;max-height:245px;display:block;fill:none;stroke:#16354a;stroke-width:2}.diagram-cell svg circle{fill:#16354a}.diagram-cell .door-line{stroke:#b95126;stroke-width:4}.diagram-cell .room-line{stroke-dasharray:6 5;stroke:#527d90}#diagram-readout{border:1px solid #aac0c9;background:#fff;padding:35px;box-shadow:10px 10px 0 #d6e4e7}#diagram-readout label{display:block;font-size:13px;font-weight:700;margin-bottom:10px}#diagram-lens{padding:13px;border:1px solid #527d90;color:#16354a;background:#fff;max-width:100%;min-width:min(320px,100%);margin-bottom:20px}#diagram-readout dl{display:grid;grid-template-columns:190px 1fr;gap:22px 25px;margin:25px 0}#diagram-readout dt{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#775026}#diagram-readout dd{margin:0;overflow-wrap:anywhere}#diagram-reset{background:#16354a;color:#fff;border:1px solid #16354a;padding:10px 18px;font-size:14px}#diagram-status{font-size:12px;min-height:1.5em;margin-top:15px}.archive{margin:35px 0;border:1px solid #aac0c9;padding:22px}.archive summary{font-weight:700}.archive section{padding-top:25px;border-top:1px solid #aac0c9;margin-top:30px}.archive article{border-inline-start:2px solid #c3d7df;padding-inline-start:20px;margin:25px 0}.archive p{font-size:15px}.source-list section,.term{border-top:1px solid #aac0c9;padding:25px 0}.source-list h2,.term h2{font-size:27px}html[lang=ar]{font-family:system-ui}html[lang=ko] *,a[lang=ko]{font-family:RoomKorean,system-ui,sans-serif}html[lang=ko] h1{word-break:keep-all;overflow-wrap:anywhere}html[lang=de] h1,html[lang=de] h2{hyphens:auto}summary,button,select,dt{overflow-wrap:anywhere}@font-face{font-family:RoomKorean;src:url('/assets/room-korean.woff2') format('woff2');font-display:swap}@media(max-width:900px){header{flex-wrap:wrap}.menu{display:block}header nav{display:none;flex-direction:column;align-items:stretch;width:100%;gap:12px;font-size:14px;padding:15px 0}header nav.open{display:flex}header nav>a{padding:8px}header nav details>div{position:static;min-width:0;max-width:100%;width:100%;max-height:42vh;margin-top:12px;box-shadow:none}.hero{grid-template-columns:1fr;gap:45px;padding:45px 0}.hero-art{max-width:560px;margin:0 14px 0 0}.thesis{grid-template-columns:100px 1fr;gap:25px}.big-number{font-size:85px}.thesis>div{display:block}.thesis p{margin-bottom:20px}.thesis h2{font-size:34px}.ruler{font-size:9px}.diagram-grid{gap:16px}}@media(max-width:560px){header{padding:17px 5%;gap:15px}.identity span{font-size:20px}.identity img{width:32px;height:32px}h1{font-size:42px}.hero h1{font-size:53px}.intro{font-size:18px}.hero-art{padding:10px;box-shadow:9px 9px 0 #16354a}.thesis{grid-template-columns:1fr;gap:15px;margin:35px 0}.big-number{font-size:65px}.blue-box{padding:28px;margin:40px 10px 40px 0}.blue-box h2{font-size:35px}.guide-card{grid-template-columns:40px 1fr;gap:15px;padding:25px 0}.guide-card>span{font-size:30px}.guide-card h3{font-size:25px}.notice{padding:19px}.app-card{grid-template-columns:1fr;padding:23px}.app-card figure{display:flex;align-items:center;gap:20px}.app-card .product{width:95px}.app-card figcaption{max-width:160px}.badges img{max-width:130px}footer{grid-template-columns:1fr;gap:20px}.reader{margin-top:40px}.diagram-grid{grid-template-columns:1fr}.diagram-cell{padding:18px}.diagram-cell svg{max-height:210px}#diagram-readout{padding:23px;margin-inline-end:10px}#diagram-readout h2{font-size:30px}#diagram-readout dl{grid-template-columns:1fr;gap:8px}#diagram-readout dd{margin-bottom:18px}.diagram-head{padding-top:35px}.ruler{letter-spacing:.08em}.reader section{margin:35px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}