*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-noun:#1976d2;--color-verb:#d32f2f;--color-adjective:#2e7d32;--color-adverb:#757575;--color-bg:#fff;--color-sidebar-bg:#f5f5f5;--color-sidebar-active:#e3f2fd;--color-sidebar-active-border:#1976d2;--color-text:#1a1a1a;--color-text-secondary:#666;--color-border:#e0e0e0;--color-example-bg:#fafafa;--color-tip-bg:#fff3e0;--color-tip-border:#ff9800;--color-key-bg:#e8f5e9;--color-key-border:#4caf50;--sidebar-width:280px;--header-height:56px;--content-max-width:780px;color:var(--color-text);background:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans KR,sans-serif;font-size:16px;line-height:1.7}body{min-height:100vh}a{color:var(--color-noun);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin-top:2rem;margin-bottom:1rem;line-height:1.3}h1{border-bottom:1px solid var(--color-border);background:var(--color-bg);z-index:100;padding-top:.75rem;padding-bottom:.5rem;font-size:1.75rem;position:sticky;top:0}@media (width<=768px){h1{top:var(--header-height)}}h2{font-size:1.35rem}h3{font-size:1.15rem}p{margin-bottom:.75rem}.pos-noun{color:var(--color-noun);font-weight:600}.pos-verb{color:var(--color-verb);font-weight:600}.pos-adj{color:var(--color-adjective);font-weight:600}.pos-adv{color:var(--color-adverb);font-weight:600}.example-block{background:var(--color-example-bg);border-left:3px solid var(--color-border);border-radius:0 6px 6px 0;margin:1rem 0;padding:1rem 1.25rem}.example-block .korean{color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.95rem}.example-block .english{margin-bottom:.25rem;font-size:1.05rem;font-weight:500}.example-block .structure{color:var(--color-text-secondary);font-family:Consolas,Monaco,monospace;font-size:.9rem}.tip-box{background:var(--color-tip-bg);border-left:4px solid var(--color-tip-border);border-radius:0 6px 6px 0;margin:1.5rem 0;padding:1rem 1.25rem;font-size:.95rem}.tip-box .tip-label{color:var(--color-tip-border);margin-bottom:.25rem;font-weight:700}.key-box{background:var(--color-key-bg);border-left:4px solid var(--color-key-border);border-radius:0 6px 6px 0;margin:1.5rem 0;padding:1rem 1.25rem;font-size:.95rem}.key-box .key-label{color:var(--color-key-border);margin-bottom:.25rem;font-weight:700}.reference{color:var(--color-text-secondary);border-top:1px dashed var(--color-border);margin-top:.5rem;padding:.5rem 0;font-size:.85rem}.reference em{font-style:normal;font-weight:600}.content-section{margin-bottom:2.5rem}.content-section+.content-section{padding-top:1rem}.app-layout{min-height:100vh;display:flex}.mobile-header{height:var(--header-height);background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:1000;align-items:center;gap:.75rem;padding:0 1rem;display:none;position:fixed;top:0;left:0;right:0}.mobile-header .hamburger{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.mobile-header .hamburger svg{width:24px;height:24px}.mobile-header .header-title{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--color-sidebar-bg);border-right:1px solid var(--color-border);scrollbar-width:thin;height:100vh;padding:1rem 0;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.sidebar-brand{border-bottom:1px solid var(--color-border);margin-bottom:.5rem;padding:.5rem 1.25rem 1rem}.sidebar-brand h2{color:var(--color-text);margin:0;font-size:1.1rem}.sidebar-brand .subtitle{color:var(--color-text-secondary);font-size:.8rem}.nav-section{margin-bottom:.25rem}.nav-section-header{cursor:pointer;width:100%;color:var(--color-text);text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;transition:background .15s;display:flex}.nav-section-header:hover{background:#0000000a}.nav-section-header .chevron{flex-shrink:0;width:16px;height:16px;transition:transform .2s}.nav-section-header .chevron.open{transform:rotate(90deg)}.nav-items{transition:max-height .25s;overflow:hidden}.nav-items.collapsed{max-height:0!important}.nav-item{cursor:pointer;width:100%;color:var(--color-text-secondary);text-align:left;background:0 0;border:none;border-left:3px solid #0000;padding:.4rem 1.25rem .4rem 2.25rem;font-size:.85rem;line-height:1.5;text-decoration:none;transition:all .15s;display:block}.nav-item:hover{color:var(--color-text);background:#0000000a;text-decoration:none}.nav-item.active{background:var(--color-sidebar-active);color:var(--color-sidebar-active-border);border-left-color:var(--color-sidebar-active-border);font-weight:600}.sidebar-overlay{z-index:1100;background:#00000080;display:none;position:fixed;inset:0}.main-content{flex:1;min-width:0;padding:2rem 3rem}.main-content>.content-wrapper{max-width:var(--content-max-width);margin:0 auto}@media (width<=768px){.mobile-header{display:flex}.sidebar{z-index:1200;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.main-content{padding:calc(var(--header-height) + 1.5rem) 1.25rem 2rem}}@media (width<=480px){:root{--sidebar-width:85vw;font-size:15px}.main-content{padding:calc(var(--header-height) + 1rem) 1rem 2rem}h1{font-size:1.5rem}h2{font-size:1.2rem}}