:root {
      --ink:#233b31;
      --text:#303b35;
      --muted:#7b827a;
      --green:#294b3c;
      --lime:#dcedb8;
      --line:#e5e8df;
      --paper:#fbfcf8;
      --sage:#edf1e7;
      --white:#fff;
      --peach:#f4e8dd;
      --radius:18px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:110px}
    body{margin:0;background:var(--paper);color:var(--text);font-family:"Noto Sans KR",sans-serif;font-size:14px;letter-spacing:-.35px;-webkit-font-smoothing:antialiased}
    button,input{font:inherit}
    button,a{-webkit-tap-highlight-color:transparent}
    a{color:inherit;text-decoration:none}
    button{cursor:pointer}
    button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a4bf7c;outline-offset:4px}
    button{color:inherit}
    img{display:block;width:100%;height:100%;object-fit:cover}
    h1,h2,h3,p{margin:0}
    svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
    .container{width:min(1200px,calc(100% - 88px));margin-inline:auto}
    .site-header{height:86px;border-bottom:1px solid var(--line);background:rgba(251,252,248,.97);position:relative;z-index:20}
    .header-inner{height:100%;display:flex;align-items:center;gap:58px}
    .brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}
    .brand-mark{width:31px;height:35px;fill:var(--green)}
    .brand-word{font-family:"DM Sans",sans-serif;font-weight:800;font-size:32px;letter-spacing:-1.9px;line-height:1}
    .brand-dot{color:#94a96d}
    .main-nav{display:flex;gap:31px;height:100%;align-items:center}
    .nav-link{height:100%;display:flex;align-items:center;position:relative;font-size:14px;font-weight:500;color:#737970;white-space:nowrap}
    .nav-link.active{color:var(--green);font-weight:700}
    .nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--green);border-radius:4px 4px 0 0}
    .header-actions{display:flex;align-items:center;gap:21px;margin-left:auto;font-size:13px;white-space:nowrap}
    .icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;background:transparent;border-radius:50%}
    .icon-button:hover{background:var(--sage)}
    .header-divider{height:17px;width:1px;background:#dce0d5}
    .join-button{border:1px solid #b7c2b1;padding:9px 15px;border-radius:7px;font-weight:600}
    .join-button:hover{background:var(--sage)}
    .mobile-menu{display:none}
    [data-studio-route][hidden]{display:none!important}
    .hero{margin-top:30px;min-height:378px;border-radius:22px;background:#ecf0e4;display:grid;grid-template-columns:1.08fr 1fr;overflow:hidden;position:relative;padding:39px 43px}
    .hero-copy{position:relative;z-index:2;align-self:center}
    .eyebrow{font-family:"DM Sans",sans-serif;font-size:10px;font-weight:750;letter-spacing:2px;color:#657952}
    .hero h1{font-size:43px;font-weight:700;line-height:1.37;letter-spacing:-2px;color:var(--ink);margin-top:15px}
    .hero-description{font-size:14px;line-height:1.9;color:#73806c;margin-top:15px}
    .hero-buttons{display:flex;align-items:center;gap:23px;margin-top:25px}
    .button{border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:45px;padding:0 20px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}
    .button:hover{transform:translateY(-2px)}
    .button-primary{background:var(--green);color:white}
    .button-primary:hover{background:#1b382a}
    .button-secondary{background:white;border:1px solid #d9dfd3}
    .text-link{font-size:12px;font-weight:550;display:inline-flex;align-items:center;gap:8px}
    .text-link .icon{width:16px;height:16px}
    .hero-art{height:300px;position:relative;display:flex;gap:16px;align-items:flex-start;justify-content:flex-end;padding-right:10px}
    .hero-photo{width:205px;height:266px;border-radius:100px 100px 15px 15px;overflow:hidden;position:relative;flex-shrink:0;background:#d9d6c9}
    .hero-photo:first-of-type{margin-top:0;transform:rotate(-3deg)}
    .hero-photo:nth-of-type(2){margin-top:31px;transform:rotate(4deg)}
    .hero-photo:first-of-type img{object-position:50% 42%}
    .hero-photo:nth-of-type(2) img{object-position:47% 50%}
    .hero-photo:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(15,32,20,.35))}
    .photo-caption{position:absolute;bottom:17px;left:17px;right:15px;display:flex;align-items:center;justify-content:space-between;color:#fff;z-index:1}
    .photo-caption small{font-family:"DM Sans",sans-serif;display:block;font-size:9px;letter-spacing:1.5px;margin-bottom:4px}
    .photo-caption strong{font-size:15px;font-weight:550}
    .photo-arrow{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#ffffffdf;color:var(--green)}
    .photo-arrow .icon{width:15px;height:15px}
    .hero-flower{position:absolute;top:2px;right:-13px;width:54px;height:54px;z-index:3;transform:rotate(12deg);color:#6f8a52}
    .hero-note{position:absolute;bottom:3px;left:1px;display:flex;align-items:center;gap:8px;background:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 4px 16px #233b310b;transform:rotate(-4deg);font-size:10px;color:#4c5b47;z-index:3}
    .hero-note span{display:grid;place-items:center;background:#e8f1d8;border-radius:50%;width:23px;height:23px;color:#5a7645}
    .hero-note .icon{width:13px;height:13px}
    .search-strip{display:flex;align-items:center;gap:24px;padding:25px 4px 0}
    .search-strip>label{font-weight:600;font-size:14px;white-space:nowrap}
    .search-box{display:flex;align-items:center;gap:12px;max-width:449px;width:100%;background:#fff;border:1px solid #dde2d5;border-radius:9px;height:46px;padding:0 15px}
    .search-box input{border:0;outline:none!important;background:none;min-width:0;flex:1;color:var(--ink);font-size:12px}
    .search-box input::placeholder{color:#a0a69b}
    .search-box button{border:0;background:none;color:#53664b;padding:2px;display:flex}
    .search-tags{display:flex;gap:15px;align-items:center;color:#8b9284;font-size:11px;white-space:nowrap}
    .search-tags button{padding:0;border:0;background:none;color:inherit;font-size:inherit}
    .search-tags button:hover{color:var(--green)}
    .section{margin-top:41px}
    .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:21px}
    .section-heading h2{font-size:25px;font-weight:650;letter-spacing:-1.1px;line-height:1.4;color:var(--ink)}
    .section-heading p{font-size:12px;color:var(--muted);margin-top:7px}
    .section-tools{display:flex;align-items:center;gap:25px}
    .filter-tabs{display:flex;gap:5px}
    .filter-tab{border:1px solid transparent;background:none;color:#8a9183;padding:7px 13px;border-radius:30px;font-size:12px}
    .filter-tab.active{background:var(--green);color:#fff}
    .filter-tab:not(.active):hover{background:var(--sage)}
    .all-link{font-size:11px;color:#7c8574;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
    .all-link .icon{width:15px;height:15px}
    .guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}
    .guide-card{min-width:0;border-radius:13px;overflow:hidden;background:white;border:1px solid #e5e8df;transition:transform .25s,box-shadow .25s}
    .guide-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #293c3010}
    .card-image{height:155px;position:relative;overflow:hidden;background:#ecebe3}
    .card-image img{transition:transform .5s}
    .guide-card:hover .card-image img{transform:scale(1.045)}
    .card-image .card-label{position:absolute;top:12px;left:12px;border-radius:5px;padding:4px 8px;font-size:9px;font-weight:550;background:#ffffffec;color:var(--green)}
    .card-image.portrait img{object-position:50% 37%}
    .card-image.nails img{object-position:50% 53%}
    .card-content{padding:17px 17px 16px}
    .card-kicker{display:flex;align-items:center;gap:6px;font-size:10px;color:#6e815e;margin-bottom:9px}
    .card-kicker .tiny-dot{width:3px;height:3px;border-radius:50%;background:#b8c2ad}
    .card-content h3{font-size:15px;line-height:1.6;font-weight:600;letter-spacing:-.5px;color:#2f3b31}
    .card-content p{font-size:11px;color:#92978c;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding-top:11px;border-top:1px solid #eff0e9;font-size:10px;color:#92998c}
    .card-meta>span{display:flex;gap:5px;align-items:center}
    .card-meta .icon{width:12px;height:12px}
    .care-graphic{height:100%;display:flex;align-items:center;justify-content:center;background:#e5ecdb;position:relative;overflow:hidden}
    .care-graphic:before,.care-graphic:after{content:"";position:absolute;border:1px solid #c9d6bb;border-radius:50%;width:210px;height:210px;right:-52px;top:36px}
    .care-graphic:after{width:150px;height:150px;right:-23px;top:66px}
    .care-paper{width:110px;background:#fffef8;border-radius:7px;padding:16px 14px;box-shadow:5px 7px 0 #b6c4a54a;transform:rotate(-9deg);position:relative}
    .care-paper .paper-title{font-family:"DM Sans",sans-serif;font-size:14px;color:#546b43;letter-spacing:-.4px;font-weight:750;margin-bottom:12px}
    .care-line{display:flex;align-items:center;gap:7px;margin-top:9px}
    .care-line span:first-child{width:11px;height:11px;background:#dbe8cd;border-radius:3px;display:grid;place-items:center}
    .care-line .icon{width:8px;height:8px}
    .care-line i{height:4px;background:#dce1d3;border-radius:5px;width:49px}
    .care-sparkle{position:absolute;right:50px;top:25px;color:#7d9564;font-size:38px}
    .no-results{grid-column:1/-1;padding:50px;text-align:center;background:white;border:1px dashed #d7decb;border-radius:12px;color:#7a8571}
    .no-results button{margin-top:15px}
    .learning-section{margin-top:52px;margin-bottom:54px}
    .learning-grid{display:grid;grid-template-columns:1.13fr 1fr 1fr;gap:21px}
    .learning-intro{background:var(--green);border-radius:15px;color:white;min-height:245px;padding:28px;position:relative;overflow:hidden}
    .learning-intro .eyebrow{color:#c5d7a7;font-size:9px}
    .learning-intro h3{font-size:25px;line-height:1.5;font-weight:550;letter-spacing:-1px;margin-top:13px}
    .learning-intro p{color:#c1cdbf;font-size:11px;line-height:1.9;margin-top:10px}
    .learning-intro a{display:inline-flex;align-items:center;gap:10px;margin-top:22px;color:#dcedb8;font-size:11px}
    .learning-intro:after{content:"✳";position:absolute;right:19px;bottom:-25px;font-size:150px;line-height:1;color:#b9ce9d20}
    .course-card{border-radius:15px;overflow:hidden;background:white;border:1px solid var(--line)}
    .course-photo{height:140px;position:relative}
    .course-photo img{object-position:center 48%}
    .course-photo span{position:absolute;left:13px;top:12px;font-size:9px;color:white;background:#233b31c9;border-radius:4px;padding:4px 7px}
    .course-copy{padding:15px 18px}
    .course-copy small{font-size:10px;color:#89917f}
    .course-copy h3{font-size:14px;font-weight:600;margin-top:5px}
    .course-bottom{display:flex;justify-content:space-between;font-size:10px;color:#949b8b;margin-top:12px}
    .course-bottom strong{font-weight:550;color:#587144}
    .newsletter{border-top:1px solid var(--line);padding:31px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}
    .newsletter h3{font-size:17px;font-weight:600}
    .newsletter p{font-size:11px;color:#8c9383;margin-top:7px}
    .newsletter-link{display:flex;align-items:center;gap:14px;font-size:12px}
    .newsletter-link>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid #d9dfcf}
    .site-footer{border-top:1px solid var(--line);background:#f3f5ee;padding:29px 0 25px}
    .footer-top{display:flex;align-items:center;justify-content:space-between}
    .footer-brand .brand-word{font-size:26px}
    .footer-brand .brand-mark{width:24px;height:28px}
    .footer-links{display:flex;gap:22px;font-size:11px;color:#828a79}
    .footer-bottom{display:flex;justify-content:space-between;margin-top:19px;font-size:10px;color:#969e8d;line-height:1.9}
    .footer-bottom .en{font-family:"DM Sans",sans-serif;letter-spacing:.1px}

    /* Guide */
    .breadcrumb{display:flex;align-items:center;gap:9px;color:#949b8c;font-size:11px;padding-top:26px}
    .breadcrumb .icon{width:12px;height:12px}
    .breadcrumb a:hover{color:var(--green)}
    .guide-topbar{margin-top:28px;display:flex;justify-content:space-between;align-items:center}
    .category-toggle{display:inline-flex;padding:4px;background:#edf0e7;border-radius:9px;gap:4px}
    .category-toggle a{font-size:12px;font-weight:500;padding:8px 21px;border-radius:6px;color:#869079}
    .category-toggle a.active{background:white;color:var(--green);box-shadow:0 2px 7px #2c442109}
    .guide-actions{display:flex;gap:8px}
    .small-button{background:white;border:1px solid var(--line);border-radius:7px;display:inline-flex;align-items:center;gap:7px;padding:9px 12px;font-size:11px;color:#7d8873}
    .small-button .icon{width:15px;height:15px}
    .small-button.saved{color:var(--green);background:#ecf2e3;border-color:#c6d6b4}
    .small-button.saved .icon{fill:#c5dba9}
    .article-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;margin-top:26px;padding-bottom:33px}
    .article-label{display:flex;align-items:center;gap:9px;font-size:11px;color:#7e8b70}
    .pill{display:inline-block;border-radius:5px;background:#eaf0df;color:#6a7d54;padding:5px 8px;font-size:10px}
    .article-hero h1{font-size:35px;font-weight:650;line-height:1.5;letter-spacing:-1.5px;margin-top:14px;color:var(--ink)}
    .article-deck{font-size:13px;line-height:1.9;color:#85907b;max-width:480px;margin-top:15px}
    .author-line{display:flex;align-items:center;gap:9px;margin-top:24px;font-size:10px;color:#8d9584}
    .author-avatar{width:30px;height:30px;border-radius:50%;background:#e8eddf;color:#71875c;display:grid;place-items:center}
    .author-avatar .brand-mark{width:17px;height:19px}
    .author-line strong{font-weight:550;color:#596b4b}
    .author-line .line{height:9px;width:1px;background:#dce1d4;margin-inline:3px}
    .article-cover{height:275px;border-radius:17px;overflow:hidden;background:#e4e7dc;position:relative}
    .article-cover img{object-position:50% 38%}
    .article-cover .image-note{position:absolute;right:12px;bottom:12px;background:#ffffffdb;border-radius:5px;padding:6px 9px;font-size:9px;color:#69765d}
    .article-layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:48px;border-top:1px solid var(--line);padding-top:31px;margin-bottom:58px;align-items:start}
    .article-tabs{display:flex;gap:26px;border-bottom:1px solid #dfe4d5;margin-bottom:31px}
    .article-tabs button{position:relative;padding:0 0 15px;background:none;border:0;color:#909985;font-size:12px}
    .article-tabs button.active{color:var(--green);font-weight:650}
    .article-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;background:var(--green);height:2px}
    .article-section{margin-bottom:35px;scroll-margin-top:30px}
    .article-section h2{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:650;letter-spacing:-.8px;margin-bottom:13px;color:var(--ink)}
    .section-number{font-family:"DM Sans",sans-serif;font-size:12px;color:#839568;font-weight:600}
    .article-section>p{font-size:13px;color:#7e8874;line-height:2}
    .summary-callout{display:flex;gap:13px;padding:19px 21px;background:#eef3e6;border-radius:10px;margin-top:21px;align-items:flex-start}
    .summary-callout>.icon{color:#788d59;margin-top:2px;width:19px;height:19px}
    .summary-callout strong{display:block;font-size:12px;font-weight:600;color:#567040;margin-bottom:5px}
    .summary-callout p{font-size:11px;line-height:1.9;color:#7f8c70}
    .comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
    .compare-card{border:1px solid #dfe5d5;border-radius:11px;overflow:hidden;background:white}
    .compare-card-top{padding:20px 15px 16px;background:#f1f3ec;border-bottom:1px solid #e4e8db}
    .compare-card:nth-child(2) .compare-card-top{background:#f5eee7}
    .compare-card:nth-child(3) .compare-card-top{background:#eceeee}
    .compare-icon{width:35px;height:35px;border:1px solid #d5ddc7;border-radius:50%;display:grid;place-items:center;color:#79905e;margin-bottom:13px}
    .compare-icon .icon{width:19px;height:19px}
    .compare-card h3{font-size:15px;font-weight:650}
    .compare-card-top>p{font-size:10px;color:#8a9380;margin-top:5px}
    .compare-card-body{padding:16px 15px}
    .compare-card-body dl{margin:0}
    .compare-card-body dt{font-size:9px;color:#9ba38f;margin-bottom:6px}
    .compare-card-body dd{margin:0 0 16px;font-size:11px;color:#627255;line-height:1.8;word-break:keep-all}
    .compare-card-body dd:last-child{margin-bottom:0}
    .compare-card-body .recommend{display:inline-block;font-size:9px;line-height:1.6;border-radius:4px;background:#edf2e5;padding:5px 7px;color:#798b63}
    .article-footnote{font-size:10px!important;color:#9aa28f!important;margin-top:12px}
    .care-list{margin-top:20px;border-top:1px solid var(--line)}
    .care-list details{border-bottom:1px solid var(--line)}
    .care-list summary{list-style:none;display:flex;align-items:center;gap:10px;padding:18px 1px;cursor:pointer;font-size:12px;font-weight:550}
    .care-list summary::-webkit-details-marker{display:none}
    .care-list summary .check-circle{width:22px;height:22px;display:grid;place-items:center;color:#77945b;background:#edf2e5;border-radius:50%}
    .check-circle .icon{width:12px;height:12px}
    .care-list summary>.icon{margin-left:auto;width:15px;height:15px;color:#91a17d;transition:transform .2s}
    .care-list details[open] summary>.icon{transform:rotate(180deg)}
    .care-list details>div{padding:0 32px 19px;color:#859176;font-size:12px;line-height:2}
    .safety-note{margin-top:24px;background:#f6f1e8;border-radius:9px;padding:17px 18px;display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.9;color:#95836b}
    .safety-note .icon{width:17px;height:17px;margin-top:3px;flex-shrink:0}
    .article-sidebar{position:sticky;top:25px}
    .toc{border:1px solid var(--line);border-radius:13px;padding:23px;background:white}
    .toc h3{font-size:12px;font-weight:650;margin-bottom:17px}
    .toc a{display:flex;gap:9px;font-size:11px;padding:11px 0;color:#89957c}
    .toc a:first-of-type{color:var(--green);font-weight:550}
    .toc a span{font-family:"DM Sans",sans-serif;font-size:10px;color:#a1ad93}
    .toc-bottom{border-top:1px solid var(--line);margin-top:13px;padding-top:17px;color:#9ba68e;font-size:10px;display:flex;align-items:center;gap:6px}
    .toc-bottom .icon{width:13px;height:13px}
    .sidebar-class{background:#eaf0e0;border-radius:13px;padding:23px;margin-top:17px}
    .sidebar-class>span{font-family:"DM Sans",sans-serif;letter-spacing:1.2px;font-size:9px;font-weight:700;color:#819665}
    .sidebar-class h3{font-size:17px;line-height:1.7;font-weight:600;margin-top:10px;color:#526942}
    .sidebar-class p{font-size:10px;line-height:1.9;color:#8c9b79;margin-top:9px}
    .sidebar-class a{margin-top:19px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:550;color:#526942}
    .sidebar-class .icon{width:15px;height:15px}
    .feedback{border:1px solid var(--line);background:#fff;border-radius:11px;padding:22px;display:flex;align-items:center;justify-content:space-between}
    .feedback h3{font-size:13px;font-weight:550}
    .feedback p{font-size:10px;color:#96a087;margin-top:5px}
    .feedback button{background:#eff3e8;border:1px solid #dce5d1;border-radius:7px;padding:9px 12px;font-size:10px;color:#71865a;display:flex;align-items:center;gap:6px}
    .feedback button .icon{width:14px;height:14px}

    /* Authentication */
    .auth-wrap{max-width:994px;margin:48px auto 56px;display:grid;grid-template-columns:1fr 1.07fr;border:1px solid #e2e7d9;border-radius:20px;overflow:hidden;background:white;min-height:646px}
    .auth-story{position:relative;background:#284838;overflow:hidden;min-height:646px;padding:44px 39px;color:white;display:flex;flex-direction:column}
    .auth-story:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1a382cf0 0%,#1a382cbd 35%,#1a382c11 80%,#1a382c80 100%);z-index:1}
    .auth-story>img{position:absolute;inset:0;object-position:48% center;opacity:.78}
    .auth-story-content{position:relative;z-index:2}
    .auth-story .eyebrow{color:#d3e0bc;font-size:9px}
    .auth-story h1{font-size:32px;font-weight:550;line-height:1.6;letter-spacing:-1.3px;margin-top:21px}
    .auth-story p{font-size:12px;line-height:2;color:#d3dbcc;margin-top:16px}
    .auth-story-bottom{position:relative;z-index:2;margin-top:auto}
    .auth-story-bottom .brand-mark{fill:#e6f0d7}
    .auth-story-bottom .brand-word{font-size:29px}
    .auth-story-bottom>p{font-size:10px;color:#e0e5d8}
    .auth-form-panel{padding:42px 48px;align-self:center;width:100%}
    .auth-title{font-size:23px;font-weight:650;letter-spacing:-.9px;color:var(--ink)}
    .auth-subtitle{font-size:11px;color:#929c86;line-height:1.9;margin-top:9px}
    .auth-tabs{display:flex;border-bottom:1px solid #e1e7d7;margin-top:26px;margin-bottom:22px}
    .auth-tab{width:50%;border:0;background:none;position:relative;padding:0 0 13px;color:#a0a893;font-size:12px}
    .auth-tab.active{color:var(--green);font-weight:650}
    .auth-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--green)}
    .field{margin-top:16px}
    .field label{font-size:11px;font-weight:550;color:#67755a;display:block;margin-bottom:8px}
    .field input{height:44px;width:100%;border:1px solid #dfe5d6;border-radius:7px;padding:0 13px;color:#405637;background:#fff;outline:none;font-size:11px;transition:border-color .2s}
    .field input:focus{border-color:#80976a}
    .field input::placeholder{color:#afb6a4}
    .password-input{position:relative}
    .password-input input{padding-right:43px}
    .password-input button{position:absolute;right:8px;top:7px;background:none;border:0;color:#9aa78a;width:29px;height:29px;display:grid;place-items:center}
    .password-input button .icon{width:16px;height:16px}
    .auth-options{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:10px;color:#8d9a7b}
    .checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;line-height:1.7}
    input[type=checkbox]{accent-color:var(--green);width:13px;height:13px;margin:0;flex-shrink:0}
    .auth-options button{border:0;background:none;font-size:10px;padding:0;color:inherit}
    .terms-label{font-size:10px;color:#8c997b;margin-top:17px}
    .terms-label a{text-decoration:underline;text-underline-offset:3px;color:#5f7750}
    .auth-submit{width:100%;margin-top:20px;min-height:44px}
    .form-error{display:none;color:#ae6350;background:#fff4ef;padding:9px 12px;border-radius:6px;font-size:10px;line-height:1.8;margin-top:12px}
    .form-error.visible{display:block}
    .social-divider{display:flex;align-items:center;gap:12px;font-size:9px;color:#a3ac96;margin-top:24px}
    .social-divider:before,.social-divider:after{content:"";flex:1;height:1px;background:#e9ecdf}
    .social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
    .social-button{border:1px solid #e1e6d8;border-radius:7px;background:#fff;min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#657456}
    .social-button.kakao{background:#fee875;border-color:#fee875;color:#564b2c}
    .google-g{font-family:"DM Sans",sans-serif;font-weight:750;font-size:16px;color:#4285f4}
    .kakao-bubble{width:14px;height:11px;background:#493e25;border-radius:50%;position:relative}
    .kakao-bubble:after{content:"";position:absolute;width:4px;height:4px;background:#493e25;bottom:-1px;left:2px;transform:skewY(-30deg)}
    .auth-demo{font-size:9px;color:#acb49f;text-align:center;line-height:1.9;margin-top:22px}
    .auth-success{text-align:center;padding:35px 0}
    .success-icon{height:63px;width:63px;border-radius:50%;display:grid;place-items:center;background:#edf3e3;color:#7d995e;margin:0 auto 22px}
    .success-icon .icon{width:29px;height:29px}
    .auth-success h2{font-size:25px;line-height:1.6;color:var(--ink);font-weight:600}
    .auth-success p{margin-top:15px;font-size:12px;color:#8c9a7c;line-height:2}
    .auth-success a{margin-top:27px}
    .toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;background:#243e32;color:#f5f8ee;padding:15px 23px;border-radius:10px;box-shadow:0 6px 25px #1a302b20;font-size:12px;transition:opacity .25s,transform .25s;max-width:calc(100% - 36px);text-align:center;line-height:1.8}
    .toast.show{opacity:1;transform:translate(-50%,0)}
    .fade-in{animation:fadein .35s ease both}
    @keyframes fadein{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
    @media(min-width:1450px){.container{width:min(1240px,calc(100% - 120px))}.hero{padding-inline:49px}.hero h1{font-size:46px}.hero-photo{width:219px}.hero-art{padding-right:17px}.hero-note{left:15px}.card-image{height:167px}}
    @media(max-width:1120px){
      .container{width:calc(100% - 56px)}
      .header-inner{gap:36px}.main-nav{gap:22px}.header-actions{gap:14px}
      .hero{padding:32px}.hero h1{font-size:36px}.hero-art{padding-right:0;gap:12px}.hero-photo{width:176px;height:254px}.hero-note{left:-7px;font-size:9px}
      .hero-buttons{gap:15px}.hero-buttons .text-link{font-size:11px}.hero-description{font-size:12px}
      .search-strip{gap:16px}.search-tags{gap:10px;font-size:10px}
      .section-tools{gap:13px}.guide-grid{gap:15px}.card-content{padding:15px 13px}.card-content h3{font-size:14px}
      .article-layout{grid-template-columns:minmax(0,1fr) 224px;gap:28px}.article-hero{gap:30px}.article-hero h1{font-size:31px}
      .auth-wrap{margin-inline:15px}.auth-form-panel{padding:35px}
    }
    @media(max-width:900px){
      .main-nav{gap:19px}.header-inner{gap:27px}.nav-link{font-size:12px}.header-actions{gap:10px}.header-divider{display:none}.header-login{display:none}
      .hero{grid-template-columns:1.1fr 1fr;min-height:350px;padding:28px}.hero h1{font-size:31px;letter-spacing:-1.5px}.hero-photo{width:145px;height:230px}.hero-art{height:270px}.hero-note{bottom:1px;font-size:8px;padding:8px 10px}.hero-flower{right:-10px;width:42px;height:42px}.hero-description{font-size:11px}
      .hero-buttons{gap:12px}.hero-buttons .button{padding:0 13px;font-size:11px;gap:8px;min-height:41px}.hero-buttons .text-link{font-size:10px;gap:4px}
      .search-tags{display:none}.search-box{max-width:none}.search-strip>label{font-size:12px}
      .section-heading h2{font-size:22px}.all-link{display:none}.filter-tab{padding:6px 10px;font-size:11px}
      .guide-grid{grid-template-columns:repeat(2,1fr);gap:20px}.card-image{height:185px}.card-content{padding:17px}.card-content h3{font-size:16px}
      .learning-grid{grid-template-columns:1fr 1fr}.learning-intro{grid-column:1/-1;min-height:200px}.learning-intro h3 br{display:none}.learning-intro:after{font-size:220px;right:35px;bottom:-40px}
      .article-hero{gap:25px}.article-hero h1{font-size:28px}.article-cover{height:260px}.article-deck{font-size:12px}
      .article-layout{grid-template-columns:minmax(0,1fr)}.article-sidebar{display:none}.comparison-grid{gap:14px}
      .auth-wrap{margin-inline:0;grid-template-columns:.85fr 1fr}.auth-story{padding:33px 27px}.auth-story h1{font-size:27px}.auth-form-panel{padding:33px 28px}
    }
    @media(max-width:660px){
      .container{width:calc(100% - 36px)}.site-header{height:72px}.header-inner{gap:0}.brand-word{font-size:29px}.brand-mark{width:27px;height:31px}
      .main-nav{display:none;position:absolute;top:71px;left:0;right:0;height:auto;flex-direction:column;align-items:stretch;gap:0;padding:10px 22px 17px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 12px 20px #233b3108}
      .main-nav.open{display:flex}.nav-link{height:42px;font-size:13px}.nav-link.active:after{display:none}.header-actions{gap:8px}.join-button{font-size:11px;padding:7px 11px}.mobile-menu{display:inline-flex}.header-actions>.icon-button{width:29px}
      .hero{margin-top:20px;display:flex;flex-direction:column;padding:30px 26px 26px;gap:27px;border-radius:18px}
      .hero-copy{align-self:stretch}.eyebrow{font-size:9px;letter-spacing:1.7px}.hero h1{font-size:33px;line-height:1.4;margin-top:12px;letter-spacing:-1.6px}.hero-description{font-size:12px;margin-top:12px}
      .hero-buttons{margin-top:22px;gap:20px}.hero-buttons .button{font-size:11px;min-height:43px;padding:0 15px}.hero-buttons .text-link{font-size:10px}
      .hero-art{height:238px;justify-content:center;padding-right:0;gap:19px}.hero-photo{width:42%;max-width:180px;height:214px}.hero-photo:nth-of-type(2){margin-top:18px}.hero-flower{width:42px;height:42px;right:-9px;top:0}.hero-note{left:0;bottom:-5px;font-size:8px;transform:rotate(-3deg)}
      .photo-caption{left:13px;bottom:14px;right:10px}.photo-caption small{font-size:8px;letter-spacing:1px}.photo-caption strong{font-size:13px}.photo-arrow{width:24px;height:24px}
      .search-strip{padding-top:23px;display:block}.search-strip>label{display:block;margin-bottom:10px;font-size:13px}.search-box{height:46px}.search-box input{font-size:11px}
      .section{margin-top:31px}.section-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:18px}.section-heading h2{font-size:22px}.section-heading p{font-size:11px;margin-top:5px}.section-tools{width:100%;justify-content:space-between}.all-link{display:flex;font-size:10px}.filter-tabs{gap:3px}.filter-tab{font-size:10px;padding:6px 12px}
      .guide-grid{gap:14px 12px}.card-image{height:135px}.card-content{padding:12px}.card-content h3{font-size:13px;line-height:1.65;letter-spacing:-.5px}.card-content p{font-size:9px;margin-top:6px}.card-kicker{font-size:9px;gap:4px;margin-bottom:7px}.card-image .card-label{font-size:8px;top:9px;left:9px;padding:3px 6px}.card-meta{font-size:8px;margin-top:12px;padding-top:10px}.card-meta .icon{width:10px;height:10px}.card-meta>span{gap:3px}
      .care-paper{width:91px;padding:12px}.care-paper .paper-title{font-size:11px;margin-bottom:8px}.care-line{margin-top:7px}.care-sparkle{right:14px;font-size:28px}
      .learning-section{margin-top:35px;margin-bottom:30px}.learning-grid{gap:12px}.learning-intro{padding:24px;min-height:215px}.learning-intro h3{font-size:24px}.learning-intro h3 br{display:block}.learning-intro p{font-size:10px}.learning-intro:after{right:5px;font-size:180px}.course-photo{height:118px}.course-copy{padding:13px 12px}.course-copy small{font-size:8px}.course-copy h3{font-size:12px;line-height:1.7}.course-bottom{font-size:8px}.course-photo span{font-size:8px;top:9px;left:9px}
      .newsletter{padding:24px 0;gap:15px}.newsletter h3{font-size:14px}.newsletter p{font-size:9px;max-width:230px;line-height:1.9}.newsletter-link{font-size:0}.newsletter-link>span{width:34px;height:34px}.footer-top{align-items:flex-start;gap:15px}.footer-links{gap:13px;font-size:9px;flex-wrap:wrap;justify-content:flex-end;max-width:210px}.footer-bottom{flex-direction:column;gap:12px;font-size:9px;margin-top:17px}.site-footer{padding-top:25px}
      .breadcrumb{padding-top:20px;font-size:10px}.guide-topbar{margin-top:22px}.category-toggle a{padding:7px 14px;font-size:11px}.small-button{padding:8px;font-size:10px;gap:5px}.small-button .icon{width:14px;height:14px}.guide-actions{gap:6px}
      .article-hero{grid-template-columns:1fr;gap:23px;margin-top:25px;padding-bottom:27px}.article-hero h1{font-size:28px;line-height:1.5}.article-deck{font-size:12px;margin-top:12px}.article-label{font-size:10px}.author-line{margin-top:19px;font-size:9px}.article-cover{height:224px}.article-layout{padding-top:24px;margin-bottom:34px}.article-tabs{gap:20px;margin-bottom:26px}.article-tabs button{font-size:10px}.article-section h2{font-size:20px;gap:8px}.article-section>p{font-size:12px}.summary-callout{padding:16px;gap:10px}.summary-callout p{font-size:10px}.summary-callout strong{font-size:11px}.comparison-grid{gap:8px}.compare-card-top{padding:14px 10px}.compare-card h3{font-size:12px}.compare-card-top>p{font-size:8px;line-height:1.8}.compare-icon{width:29px;height:29px;margin-bottom:10px}.compare-card-body{padding:13px 10px}.compare-card-body dd{font-size:10px;margin-bottom:13px}.compare-card-body dt{font-size:8px}.compare-card-body .recommend{font-size:8px;padding:4px}.article-footnote{font-size:9px!important}.care-list summary{font-size:11px}.care-list details>div{font-size:11px;padding-left:31px;padding-right:13px}.safety-note{font-size:10px;padding:14px}.feedback{padding:17px 14px;gap:12px}.feedback h3{font-size:12px}.feedback p{font-size:9px}.feedback button{font-size:9px;white-space:nowrap;padding:8px}
      .auth-wrap{display:block;margin:25px auto 32px;min-height:auto;border-radius:15px}.auth-story{min-height:208px;padding:25px 27px}.auth-story>img{object-position:50% 38%}.auth-story:before{background:linear-gradient(90deg,#1a382ce8,#1a382c25)}.auth-story h1{font-size:24px;margin-top:12px;line-height:1.6}.auth-story p{font-size:10px;margin-top:9px}.auth-story-bottom{display:none}.auth-form-panel{padding:29px 27px 30px}.auth-title{font-size:22px}.auth-tabs{margin-top:23px}.auth-demo{font-size:8px}.auth-success{padding:26px 0}
      .toast{font-size:11px;bottom:20px;padding:12px 17px;width:max-content}
    }
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}