.hw-guides{--g-paper:#f8f6ef;--g-ink:#29443c;--g-muted:#737c70;--g-line:#dcded1;--g-lime:#d8e592;--g-serif:'Gowun Batang',serif;--g-sans:'Noto Sans KR',sans-serif;margin:0;background:var(--g-paper);color:var(--g-ink);font:400 15px/1.95 var(--g-sans);-webkit-font-smoothing:antialiased}
.hw-guides *{box-sizing:border-box}.hw-guides a{color:inherit;text-decoration:none}.hw-guides button{font:inherit}.hw-guides h1,.hw-guides h2,.hw-guides h3{color:var(--g-ink)!important;background:none!important;border:0!important;padding:0;box-shadow:none;word-break:keep-all;overflow-wrap:break-word}.hw-guides h1:before,.hw-guides h2:before,.hw-guides h3:before,.hw-guides h1:after,.hw-guides h2:after,.hw-guides h3:after{display:none!important}.hw-guides img{display:block;max-width:100%}.hw-guides p{margin:0 0 20px}.hw-guides a:focus-visible,.hw-guides button:focus-visible,.hw-guides summary:focus-visible{outline:2px solid #758b56;outline-offset:5px}.hw-guide-shell{width:min(1180px,calc(100% - 96px));margin-inline:auto}.hw-guide-skip{position:fixed;top:-80px;left:12px;z-index:100001;padding:12px 20px;background:var(--g-ink);color:#fff!important}.hw-guide-skip:focus{top:8px}
.hw-guide-header{position:sticky;top:0;z-index:40;background:rgba(248,246,239,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--g-line)}.admin-bar .hw-guide-header{top:32px}.hw-guide-nav{min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:28px}.hw-guide-logo{font:500 27px/1 'DM Sans',sans-serif;letter-spacing:-1.4px;white-space:nowrap}.hw-guide-logo>span{font-size:23px;color:#8f9f76;margin-left:3px}.hw-guide-logo small{display:block;font:500 6px/1.5 var(--g-sans);letter-spacing:3.2px;margin-top:10px}.hw-guide-nav nav{display:flex;align-items:center;gap:30px;font-size:12px}.hw-guide-nav nav>a:not(.hw-guide-button):hover,.hw-guide-text-link:hover,.hw-guide-toc a:hover,.hw-guide-footer a:hover{color:#789447}.hw-guide-button{display:inline-flex;justify-content:center;align-items:center;gap:28px;background:var(--g-ink);color:#fff!important;padding:15px 23px;font:500 12px/1.5 var(--g-sans);min-height:48px;transition:background .2s,transform .2s;text-align:center}.hw-guide-button:hover{background:#435b46;transform:translateY(-2px)}.hw-guide-text-link{font-size:12px;text-decoration:underline!important;text-underline-offset:6px}.hw-guide-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:10px;line-height:1.7;color:var(--g-muted);padding-block:30px}.hw-guide-breadcrumb>span:last-child{color:var(--g-ink)}
.hw-guide-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:65px;padding:38px 0 85px;border-bottom:1px solid var(--g-line)}.hw-guide-kicker{font:500 9px/1.8 'DM Sans',var(--g-sans);letter-spacing:2px;margin:0 0 20px!important;color:#7e8e70}.hw-guide-hero h1{font:400 clamp(30px,3.25vw,45px)/1.55 var(--g-serif);letter-spacing:-1.6px;margin:0 0 27px}.hw-guide-intro{max-width:580px;font-size:14px;line-height:2.05;color:#667464}.hw-guide-hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.hw-guide-small{font-size:10px;line-height:1.9;color:#89917e;margin:19px 0 0!important}.hw-guide-hero-art{position:relative;padding:12px;border:1px solid var(--g-line);margin:0 8px 0 0;background:#efefe3;transform:rotate(2deg)}.hw-guide-hero-art>img{width:100%;height:340px;object-fit:cover;filter:saturate(.8)}.hw-guide-hero-art>span{position:absolute;left:29px;bottom:38px;color:#fff;font:400 32px/.98 'Cormorant Garamond',serif;text-shadow:0 2px 18px #29443c70}.hw-guide-hero-art>span i{font-weight:400}.hw-guide-hero-art>small{display:block;text-align:right;font:500 6px/1.7 var(--g-sans);letter-spacing:1.4px;color:#7c8974;margin-top:11px}
.hw-guide-all,.hw-guide-related,.hw-guide-collection{padding-block:76px;border-bottom:1px solid var(--g-line)}.hw-guide-section-heading{margin-bottom:32px}.hw-guide-section-heading h2{font:400 31px/1.6 var(--g-serif);letter-spacing:-1px;margin:0 0 15px}.hw-guide-section-heading>p:not(.hw-guide-kicker){font-size:12px;color:var(--g-muted);max-width:650px}.hw-guide-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.hw-guide-topic{display:flex;flex-direction:column;padding:31px 25px;border:1px solid var(--g-line);background:#fbfaf5;transition:background .2s,border-color .2s,transform .2s}.hw-guide-topic:hover{background:#f1f2e6;border-color:#9da88b;transform:translateY(-3px)}.hw-guide-topic .hw-guide-kicker{font-size:7px;letter-spacing:1.2px;margin-bottom:20px!important}.hw-guide-topic h3{font:400 22px/1.65 var(--g-serif);margin:0 0 14px;letter-spacing:-.7px}.hw-guide-topic p{font-size:11px;line-height:1.95;color:var(--g-muted);margin-bottom:22px}.hw-guide-read{margin-top:auto;padding-top:18px;border-top:1px solid var(--g-line);display:flex;justify-content:space-between;font-size:10px}
.hw-guide-reading{display:grid;grid-template-columns:215px minmax(0,1fr);gap:70px;padding-block:80px}.hw-guide-toc{align-self:start;position:sticky;top:145px;border-top:1px solid var(--g-ink);padding-top:22px}.hw-guide-toc .hw-guide-kicker{font-size:8px}.hw-guide-toc ol{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:15px}.hw-guide-toc a{font-size:11px;line-height:1.9;display:block;color:var(--g-muted)}.hw-guide-toc .hw-guide-text-link{color:var(--g-ink);font-size:10px}.hw-guide-article{min-width:0;max-width:820px}.hw-guide-section{margin-bottom:62px;padding-bottom:54px;border-bottom:1px solid var(--g-line);scroll-margin-top:140px}.hw-guide-number{display:block;font:400 14px/1.5 'Cormorant Garamond',serif;letter-spacing:1.5px;color:#99a387;margin-bottom:15px}.hw-guide-section h2{font:400 28px/1.65 var(--g-serif);letter-spacing:-.8px;margin:0 0 26px}.hw-guide-section>p{font-size:14px;line-height:2.1;color:#61715f;word-break:keep-all;overflow-wrap:break-word}.hw-guide-section .hw-guide-lead{font-size:16px;color:var(--g-ink);margin-bottom:24px}.hw-guide-checklist{list-style:none;margin:27px 0 0;padding:0}.hw-guide-checklist li{position:relative;padding:17px 15px 17px 38px;border-bottom:1px solid var(--g-line);font-size:13px;color:#60705e}.hw-guide-checklist li:before{content:'✓';position:absolute;left:9px;color:#94a96c;font-size:14px}.hw-guide-notes{display:grid;gap:15px;margin-top:26px}.hw-guide-notes article{padding:24px;background:#eff0e4;border-left:2px solid #9ba982}.hw-guide-notes h3{font:500 14px/1.7 var(--g-sans);margin:0 0 10px}.hw-guide-notes p{font-size:12px;line-height:2;margin:0;color:var(--g-muted)}
.hw-guide-table{overflow:auto;border:1px solid var(--g-line);margin:28px 0;max-width:100%}.hw-guide-table table{width:100%;min-width:420px;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:12px;line-height:1.9}.hw-guide-table th{font-weight:500;background:#ecefe0;color:#455c46;padding:17px 19px;border-bottom:1px solid var(--g-line)}.hw-guide-table td{vertical-align:top;padding:19px;border-bottom:1px solid var(--g-line);color:#65725f}.hw-guide-table tr:last-child td{border-bottom:0}.hw-guide-table th+th,.hw-guide-table td+td{border-left:1px solid var(--g-line)}.hw-guide-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:28px}.hw-guide-example{display:flex;flex-direction:column;padding:27px 23px 20px;background:#eeeedf;border:1px solid #e0e2d2}.hw-guide-example:nth-child(3n+2){background:#f2e9de}.hw-guide-example:nth-child(3n){background:#e7ece4}.hw-guide-example-label{font-size:10px;font-weight:500;letter-spacing:.1px;color:#78836b}.hw-guide-message{white-space:pre-line;font:400 14px/2 var(--g-serif);margin:20px 0 27px!important;user-select:text;color:var(--g-ink);overflow-wrap:anywhere}.hw-guide-copy{border:0;border-top:1px solid #cbd1bd;background:transparent!important;color:#53664d!important;display:flex;justify-content:space-between;width:100%;padding:15px 0 0!important;font:500 10px/1.6 var(--g-sans)!important;cursor:pointer;margin-top:auto;box-shadow:none!important;border-radius:0!important}.hw-guide-copy:hover{color:#789447!important}.hw-guide-faq{margin-bottom:0;border-bottom:0;padding-bottom:0}.hw-guide-faq details{border-bottom:1px solid var(--g-line)}.hw-guide-faq summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;gap:20px;font-size:13px;line-height:1.8}.hw-guide-faq summary::-webkit-details-marker{display:none}.hw-guide-faq summary>span{font-size:17px;font-weight:300;color:#97a280}.hw-guide-faq details[open] summary>span{transform:rotate(45deg)}.hw-guide-faq details p{padding-bottom:20px;font-size:12px;line-height:2;color:var(--g-muted);margin:0}.hw-guide-sources{margin-top:52px;padding:26px;border:1px solid var(--g-line);background:#f1f1e7}.hw-guide-sources h2{font:500 13px/1.7 var(--g-sans);margin:0 0 12px}.hw-guide-sources>p{font-size:11px;color:var(--g-muted)}.hw-guide-sources ul{list-style:none;margin:0;padding:0}.hw-guide-sources li{font-size:11px;margin-top:13px}.hw-guide-sources a{text-decoration:underline;text-underline-offset:3px}.hw-guide-sources li>span{display:block;font-size:9px;color:#8c9681;margin-top:4px}
.hw-guide-designs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.hw-guide-design{min-width:0}.hw-guide-cover-link{display:block;padding:29px 25px 17px;background:#e8ebdf;border:1px solid var(--g-line)}.hw-guide-cover{display:block;width:min(100%,245px);aspect-ratio:480/800;position:relative;margin:auto;overflow:hidden;background:#dce1cf;box-shadow:0 12px 30px #29443c15;pointer-events:none}.hw-guide-cover iframe{position:absolute;inset:0;width:480px;height:800px;border:0;max-width:none;transform:scale(var(--guide-cover-scale,.45));transform-origin:top left;pointer-events:none}.hw-guide-cover-caption{display:block;text-align:center;font-size:9px;margin-top:21px;color:#7b886d}.hw-guide-design-info{padding:21px 2px}.hw-guide-design-info>span{font-size:9px;color:var(--g-muted)}.hw-guide-design-info h3{font:400 20px/1.7 var(--g-serif);margin:7px 0 13px}.hw-guide-design-info>a{font-size:11px;border-bottom:1px solid #aab69a;padding-bottom:4px}.hw-guide-final{margin-block:70px;padding:58px 45px;background:var(--g-ink);text-align:center;color:#e9eddb}.hw-guide-final h2{font:400 32px/1.6 var(--g-serif);color:#f5f6eb!important;margin:0 0 19px}.hw-guide-final p:not(.hw-guide-kicker){font-size:12px;color:#c3cdb6}.hw-guide-final .hw-guide-kicker{color:var(--g-lime)}.hw-guide-final .hw-guide-button{background:var(--g-lime);color:var(--g-ink)!important;margin-top:8px}.hw-guide-footer{border-top:1px solid var(--g-line);padding:50px 0 40px}.hw-guide-footer .hw-guide-shell{display:grid;grid-template-columns:1fr auto;gap:18px 30px}.hw-guide-footer .hw-guide-logo{font-size:24px}.hw-guide-footer p{grid-column:1;font-size:11px;color:var(--g-muted);margin:0}.hw-guide-footer nav{grid-column:2;grid-row:1/3;display:flex;gap:24px;align-items:center;font-size:11px}.hw-guide-footer small{font-size:8px;letter-spacing:1px;color:#96a088}.hw-guide-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,18px);z-index:10000;max-width:calc(100% - 30px);padding:13px 22px;background:#29443cee;color:#f1f4e4;font-size:12px;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.hw-guide-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.hw-guide-shell{width:calc(100% - 64px)}.hw-guide-hero{gap:35px}.hw-guide-hero h1{font-size:35px}.hw-guide-hero-art>img{height:310px}.hw-guide-reading{grid-template-columns:170px minmax(0,1fr);gap:38px}.hw-guide-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-guide-topic{padding:27px 22px}.hw-guide-designs{gap:18px}.hw-guide-cover-link{padding:20px 17px 14px}.hw-guide-examples{grid-template-columns:1fr}.hw-guide-footer nav{gap:15px}}
@media(max-width:760px){.hw-guide-shell{width:calc(100% - 40px)}.admin-bar .hw-guide-header{top:46px}.hw-guide-nav{min-height:79px;gap:14px}.hw-guide-logo{font-size:23px}.hw-guide-logo>span{font-size:19px}.hw-guide-logo small{font-size:5px;letter-spacing:2.2px;margin-top:7px}.hw-guide-nav nav{gap:13px}.hw-guide-nav nav>a:not(.hw-guide-button){display:none}.hw-guide-nav .hw-guide-button{font-size:10px;min-height:41px;padding:12px 13px;gap:14px}.hw-guide-breadcrumb{font-size:9px;gap:9px;padding-block:20px}.hw-guide-hero{grid-template-columns:1fr;gap:30px;padding:19px 0 42px}.hw-guide-hero h1{font-size:32px;line-height:1.55;letter-spacing:-1px;margin-bottom:22px}.hw-guide-kicker{font-size:8px;letter-spacing:1.6px;margin-bottom:16px!important}.hw-guide-intro{font-size:12px;line-height:2}.hw-guide-hero-actions{gap:20px;margin-top:23px}.hw-guide-button{font-size:11px;gap:25px;padding:14px 18px}.hw-guide-small{font-size:9px;max-width:290px}.hw-guide-hero-art{margin:0 8px 0 4px;padding:9px}.hw-guide-hero-art>img{height:235px}.hw-guide-hero-art>span{font-size:29px;left:22px;bottom:30px}.hw-guide-hero-art>small{font-size:5px;margin-top:8px}.hw-guide-all,.hw-guide-related,.hw-guide-collection{padding-block:43px}.hw-guide-section-heading{margin-bottom:23px}.hw-guide-section-heading h2{font-size:25px;line-height:1.7}.hw-guide-section-heading>p:not(.hw-guide-kicker){font-size:11px}.hw-guide-topics{grid-template-columns:1fr;gap:13px}.hw-guide-topic{padding:25px 23px}.hw-guide-topic .hw-guide-kicker{margin-bottom:13px!important}.hw-guide-topic h3{font-size:22px;margin-bottom:10px}.hw-guide-topic p{font-size:11px;margin-bottom:16px}.hw-guide-reading{display:block;padding-block:42px}.hw-guide-toc{position:static;margin-bottom:43px;padding:20px;background:#eeefe4;border-top:1px solid #a8b198}.hw-guide-toc ol{gap:10px;margin-bottom:18px}.hw-guide-toc a{font-size:11px}.hw-guide-section{margin-bottom:40px;padding-bottom:36px;scroll-margin-top:105px}.hw-guide-section h2{font-size:24px;line-height:1.7;margin-bottom:22px}.hw-guide-section>p{font-size:13px;line-height:2}.hw-guide-section .hw-guide-lead{font-size:14px}.hw-guide-checklist li{font-size:12px;padding-left:30px}.hw-guide-checklist li:before{left:5px}.hw-guide-notes article{padding:22px}.hw-guide-table table{font-size:11px}.hw-guide-table th,.hw-guide-table td{padding:14px}.hw-guide-examples{gap:14px}.hw-guide-example{padding:25px 22px 19px}.hw-guide-message{font-size:14px;line-height:2.1;margin-block:18px 24px!important}.hw-guide-faq summary{font-size:12px;padding-block:20px}.hw-guide-faq details p{font-size:11px}.hw-guide-sources{padding:22px;margin-top:35px}.hw-guide-designs{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}.hw-guide-designs>.hw-guide-design:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 6.5px);margin-inline:auto}.hw-guide-cover-link{padding:17px 10px 13px}.hw-guide-cover-caption{font-size:7px;margin-top:14px}.hw-guide-design-info{padding-top:15px}.hw-guide-design-info h3{font-size:17px;margin:4px 0 8px}.hw-guide-design-info>a{font-size:9px}.hw-guide-design-info>span{font-size:8px}.hw-guide-final{margin-block:43px;padding:38px 23px}.hw-guide-final h2{font-size:25px}.hw-guide-final p:not(.hw-guide-kicker){font-size:11px;line-height:1.9}.hw-guide-footer{padding-block:37px 30px}.hw-guide-footer .hw-guide-shell{display:flex;flex-direction:column;gap:19px}.hw-guide-footer nav{display:flex;gap:22px;flex-wrap:wrap;font-size:10px}.hw-guide-toast{font-size:11px;padding:12px 17px;bottom:20px}}
@media(prefers-reduced-motion:reduce){.hw-guides *{scroll-behavior:auto!important;transition:none!important}}