@font-face{font-family:LookKorean;src:url('/assets/look-korean.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{margin:0;background:#f8f6ef;color:#173b34;font:17px/1.7 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:.2em}button,input{font:inherit}button,a,input{touch-action:manipulation}button,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a23e18}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{line-height:1.13;text-wrap:balance}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(2.65rem,5.3vw,5.5rem);margin-bottom:1.5rem}h2{font-size:clamp(2rem,3vw,3.2rem);margin-bottom:1.2rem}h3{font-size:1.25rem}p{margin-bottom:1.3rem}.edition{padding:.6rem 4vw;border-bottom:1px solid #173b34;background:#173b34;color:#fff;font-size:.68rem;letter-spacing:.13em}header{padding:1.2rem 4vw;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;border-bottom:1px solid #173b34;background:#f8f6ef;position:relative;z-index:20}.identity{display:flex;align-items:center;gap:.75rem;text-decoration:none;line-height:1.15;font-family:Georgia,serif;font-size:1.4rem}.identity img{width:38px;height:38px;border-radius:8px}.identity small{display:block;margin-top:.4rem;letter-spacing:.18em;font:9px Arial,sans-serif}header nav{display:flex;align-items:center;gap:1.25rem;font-size:.8rem}header nav>a{white-space:nowrap}details{position:relative}summary{cursor:pointer;list-style-position:inside;font-weight:bold}header details>div{position:absolute;top:calc(100% + 1rem);left:0;min-width:240px;width:min(330px,85vw);max-height:72vh;overflow:auto;padding:1rem;background:#fffdf8;border:1px solid #173b34;box-shadow:5px 5px 0 #d9d5c6;display:grid;gap:.7rem}header details:last-child>div{left:auto;right:0;width:240px}header details a{font-size:.85rem;text-decoration:none;padding:.2rem 0;overflow-wrap:anywhere}header details a:hover{text-decoration:underline}header a[lang=ko]{font-family:LookKorean,Arial,sans-serif}.menu{display:none;background:transparent;border:1px solid #173b34;padding:.5rem .8rem;color:inherit}.wide{max-width:1320px;padding:4.5rem 4vw 0;margin:auto}.reader{max-width:880px;padding:4.5rem 2rem 0;margin:auto}.reader>section{padding:2rem 0;border-top:1px solid #b9c3b8}.reader h1{font-size:clamp(2.5rem,4.3vw,4.5rem)}.reader h2{font-size:2.2rem}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:4rem;align-items:center;padding-bottom:4rem}.hero figure{margin:0}.hero img{display:block}.hero figcaption,figcaption{font-size:.72rem;line-height:1.5;margin-top:.8rem}.kicker{font-size:.65rem;line-height:1.5;font-weight:bold;letter-spacing:.14em;color:#914013;margin-bottom:1.5rem}.intro{font-size:1.2rem;line-height:1.65;max-width:46rem}.small{font-size:.78rem;line-height:1.6}.button,button.reveal{display:inline-block;border:1px solid #173b34;background:#173b34;color:white;text-decoration:none;padding:.85rem 1.1rem;font-size:.85rem;font-weight:bold}.text-link{display:inline-block;margin:1rem 0 1rem 1.25rem;font-size:.85rem}.notice{padding:1.5rem 1.75rem;background:#ede5d2;border-left:4px solid #a14620;font-size:.9rem;margin:0 0 4rem}.section-head{max-width:40rem}.wide>section:not(.hero){padding:2rem 0 4rem}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #173b34;border-left:1px solid #173b34}.guide-card{padding:1.5rem;text-decoration:none;border-right:1px solid #173b34;border-bottom:1px solid #173b34;min-width:0}.guide-card span{font-size:.65rem;letter-spacing:.12em;color:#914013}.guide-card h3{margin:1.8rem 0 1rem;font-weight:400;font-family:Georgia,serif;font-size:1.6rem}.guide-card p{font-size:.84rem;line-height:1.6;margin:0}.guide-card:hover{background:#ede5d2}.desk-promo{background:#e7eee4;padding:3rem!important;margin:3rem 0}.desk-promo p{max-width:44rem}.contents{display:grid;gap:.75rem;padding:1.5rem;background:#e7eee4;margin:2rem 0 3rem;font-size:.9rem}.citation{font-size:.78rem;line-height:1.6;padding-left:1rem;border-left:2px solid #a14620;margin-top:2rem}.citation span{display:block;font-size:.7rem}.next{padding:1.5rem 0}.app-card{margin:4rem 0;padding:2rem;display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;border:1px solid #173b34;background:#fffdf8;align-items:center}.app-card h2{font-size:2.2rem}.app-card p{font-size:.86rem}.app-card figure{margin:0;display:grid;justify-items:center}.app-card .product{max-width:220px;width:100%;height:auto}.app-card figcaption{text-align:center}.badges{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.badges img{height:43px;width:auto;display:block}.sticky{position:fixed;bottom:1rem;right:1rem;z-index:15;background:#173b34;color:white;border:1px solid #f8f6ef;text-decoration:none;font-size:.72rem;padding:.7rem 1rem}footer{padding:3rem 4vw 6rem;display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;background:#173b34;color:#fffdf8;font-size:.85rem}footer a{display:block;margin-bottom:.5rem}footer .small{font-size:.72rem}.skip{position:absolute;left:1rem;top:-100px;z-index:99;background:white;padding:1rem}.skip:focus{top:1rem}.scene{max-width:920px;padding:2rem;margin:3rem 0;background:#fffdf8;border:1px solid #173b34}.scene h2{font-size:2.5rem}.scene fieldset{border:0;padding:0;margin:2rem 0}.scene legend{font-size:.9rem;font-weight:bold;margin-bottom:1rem}.scene label{display:flex;gap:1rem;align-items:flex-start;padding:1rem;margin:.75rem 0;background:#edf1e9;border:1px solid #b9c3b8;cursor:pointer}.scene input{margin-top:.5rem;flex:none;width:18px;height:18px;accent-color:#173b34}.feedback{margin-top:1.5rem}.feedback:empty{margin:0}.selection-status{font-weight:bold;font-size:.9rem}.explanation{padding:1.5rem;background:#ede5d2}.explanation h3{font-family:Georgia,serif;font-size:1.5rem;font-weight:400}.explanation .citation{margin-bottom:0}#reset-desk{border:1px solid #173b34;background:transparent;padding:.8rem 1rem;color:#173b34}.scene [hidden]{display:none}body[dir=rtl]{direction:rtl}body[dir=rtl] .citation{padding-left:0;padding-right:1rem;border-left:0;border-right:2px solid #a14620}html[dir=rtl] .notice{border-left:0;border-right:4px solid #a14620}html[dir=rtl] header details>div{left:auto;right:0}html[dir=rtl] header details:last-child>div{right:auto;left:0}@media(max-width:1000px){header{flex-wrap:wrap}header nav{gap:.9rem}.guide-grid{grid-template-columns:repeat(2,1fr)}.hero{gap:2rem}footer{grid-template-columns:1fr 1fr}}@media(max-width:760px){body{font-size:16px}header{padding:1rem 5vw;gap:.8rem}.identity{font-size:1.12rem;max-width:75%}.identity img{width:33px;height:33px}.identity span{min-width:0}.menu{display:block;font-size:.78rem}header nav{display:none;width:100%;max-width:100%;flex-direction:column;align-items:stretch;gap:1rem;max-height:calc(100dvh - 130px);overflow:auto;padding:1rem 0 .2rem}header nav.open{display:flex}header nav>*{max-width:100%}header details>div,header details:last-child>div{position:static;min-width:0;width:100%;max-width:100%;box-shadow:none;max-height:none;margin-top:1rem;padding:1rem;font-size:.85rem}header details a{line-height:1.6}.wide{padding:2.7rem 5vw 0}.reader{padding:2.7rem 5vw 0}.hero{grid-template-columns:1fr;gap:1rem;padding-bottom:2rem}.hero figure{max-width:500px;margin:0 auto}.hero h1{font-size:3.05rem}.intro{font-size:1.08rem}.kicker{font-size:.62rem;margin-bottom:1.1rem}.notice{padding:1.25rem;margin:1rem 0 2.5rem}.text-link{display:block;margin:1rem 0}.guide-card{padding:1.2rem}.guide-card h3{font-size:1.5rem;margin:1.5rem 0 1rem}.guide-card span{font-size:.58rem}.desk-promo{padding:1.5rem!important}.app-card{grid-template-columns:1fr;padding:1.4rem;gap:2rem}.app-card h2{font-size:2rem}.app-card p{font-size:.85rem}.app-card .product{max-width:210px}.badges{gap:.5rem}.badges img{height:38px}.scene{padding:1.2rem}.scene h2{font-size:2rem}.scene label{padding:.8rem}.explanation{padding:1rem}footer{grid-template-columns:1fr;gap:2rem}.sticky{bottom:.7rem;right:.7rem;max-width:calc(100vw - 1.4rem)}.edition{font-size:.58rem;padding:.65rem 5vw;line-height:1.6}.reader h2{font-size:1.9rem}}@media(max-width:380px){.guide-grid{grid-template-columns:1fr}.hero h1{font-size:2.6rem}.badges img{height:34px}.identity{font-size:1.02rem}.reader h1{font-size:2.5rem}.button{padding:.8rem}.scene label{gap:.65rem}}
h1,h2,h3,p,a,summary,legend,label{overflow-wrap:anywhere}html[lang=de] main{hyphens:auto}html[lang=ko]{font-family:LookKorean,Arial,sans-serif}html[lang=ko] body,html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3{font-family:LookKorean,Arial,sans-serif}
html[lang=ko] .identity,html[lang=ko] .identity small,html[lang=ko] button,html[lang=ko] input{font-family:LookKorean,Arial,sans-serif}