*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#111827;-webkit-font-smoothing:antialiased;background-color:#fafafa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9375rem;line-height:1.65}.site-header{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem;position:sticky;top:0}.site-header-bar{justify-content:space-between;align-items:center;display:flex}.site-title{color:#003478;letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;text-decoration:none;display:flex}.sijak-logo{vertical-align:middle;margin-right:.3em}.nav-toggle{cursor:pointer;background:0 0;border:none;width:32px;height:32px;padding:.25rem;display:none;position:relative}.nav-toggle-icon,.nav-toggle-icon:before,.nav-toggle-icon:after{background:#111827;border-radius:1px;width:20px;height:2px;transition:transform .2s,opacity .2s;display:block;position:absolute;left:6px}.nav-toggle-icon{top:15px}.nav-toggle-icon:before{content:"";top:-6px}.nav-toggle-icon:after{content:"";top:6px}.nav-toggle.open .nav-toggle-icon{background:0 0}.nav-toggle.open .nav-toggle-icon:before{background:#111827;top:0;transform:rotate(45deg)}.nav-toggle.open .nav-toggle-icon:after{background:#111827;top:0;transform:rotate(-45deg)}.site-nav{gap:.25rem;margin-top:.5rem;display:flex}.site-nav a{color:#6b7280;-webkit-tap-highlight-color:transparent;border-radius:6px;padding:.25rem .5rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .15s,background-color .15s}.site-nav a:hover,.site-nav a.active{color:#003478;background-color:#e8eef6}@media (width<=768px){.nav-toggle{display:block}.site-nav{border-top:1px solid #e5e7eb;flex-direction:column;gap:0;margin-top:1rem;padding-top:1rem;display:none}.site-nav.open{display:flex}.site-nav a{border-radius:6px;padding:.5rem;font-size:.9375rem}}.site-footer{text-align:center;color:#6b7280;border-top:1px solid #e5e7eb;margin-top:4rem;padding:2rem 1.5rem;font-size:.8125rem}.container{max-width:992px;margin:0 auto;padding:2rem 1.5rem}.page-title{color:#111827;letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.75rem;font-weight:600}.page-title+p{color:#6b7280;margin-bottom:2rem}.theory-section{margin-bottom:2rem}.theory-list{flex-direction:column;gap:.5rem;display:flex}.theory-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1rem 1.5rem}.theory-item h3{color:#111827;margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.theory-item p{color:#6b7280;font-size:.8125rem;line-height:1.5}.inline-belt-bar{vertical-align:middle;border-radius:3px;width:32px;height:12px;margin-right:.25rem;display:inline-block;position:relative}.inline-belt-stripe{border-radius:2px;width:4px;position:absolute;top:0;bottom:0;right:4px}.belt-meaning{align-items:flex-start;gap:1rem;display:flex}.belt-meaning-visual{flex-shrink:0;width:48px;padding-top:2px}.belt-meaning-visual .kup-belt-bar{border-radius:4px;height:16px}.theory-oath-intro{color:#111827;margin-bottom:.25rem;font-size:.9375rem;font-weight:500}.theory-circle-intro{color:#6b7280;margin-bottom:2rem;font-size:.8125rem}.training-circle{width:400px;height:380px;margin:0 auto 2rem;position:relative}.training-circle-ring{width:300px;height:300px;position:absolute;top:50px;left:50px}.training-circle-item{cursor:default;flex-direction:column;transition:transform .2s;display:flex;position:absolute}.training-circle-item[data-position=top]{text-align:center;align-items:center;top:0;left:50%;transform:translate(-50%)}.training-circle-item[data-position=top-right]{text-align:left;align-items:flex-start;top:27%;left:88%}.training-circle-item[data-position=bottom-right]{text-align:left;align-items:flex-start;top:70%;left:76%}.training-circle-item[data-position=bottom-left]{text-align:right;align-items:flex-end;top:70%;right:76%}.training-circle-item[data-position=top-left]{text-align:right;align-items:flex-end;top:27%;right:88%}.training-circle-korean{font-size:1.125rem;font-weight:500;line-height:1.2;transition:scale .2s}.training-circle-item[data-position=top] .training-circle-korean{color:#999}.training-circle-item[data-position=top-right] .training-circle-korean{color:#c5a300}.training-circle-item[data-position=bottom-right] .training-circle-korean{color:#228b22}.training-circle-item[data-position=bottom-left] .training-circle-korean{color:#003478}.training-circle-item[data-position=top-left] .training-circle-korean{color:#c8102e}.training-circle-label{color:#111827;margin-top:2px;font-size:.8125rem;font-weight:600}.training-circle-romanized{color:#6b7280;font-size:.8125rem;font-style:italic}.arc-highlight{filter:brightness(1.15);transition:stroke-width .2s;stroke-width:10px!important}.border-highlight{transition:stroke-width .2s;stroke-width:12px!important}.item-highlight .training-circle-korean{scale:1.15}.item-highlight .training-circle-label{font-weight:700}@media (width<=576px){.training-circle{width:320px;height:310px}.training-circle-ring{width:250px;height:250px;top:40px;left:35px}.training-circle-korean{font-size:.9375rem}.training-circle-label,.training-circle-romanized{font-size:.75rem}}.history-text p{margin-bottom:1rem;line-height:1.75}.history-text p:last-child{margin-bottom:0}.kup-filter{align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.kup-filter label{color:#6b7280;font-size:.8125rem;font-weight:500}.kup-filter select{color:#111827;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right .5rem center no-repeat;border:1px solid #e5e7eb;border-radius:6px;padding:.25rem 1.75rem .25rem .5rem;font-family:inherit;font-size:.8125rem}.kup-filter select:focus{outline-offset:1px;border-color:#0000;outline:2px solid #003478}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.5rem;transition:box-shadow .2s,border-color .2s}.card:hover{border-color:#d7dae0;box-shadow:0 2px 8px #0000000f}.card .card-title{color:#111827;margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.card .card-korean{color:#6b7280;margin-bottom:.5rem;font-size:.8125rem}.card p{color:#6b7280;font-size:.8125rem;line-height:1.5}.card .card-image-placeholder{color:#6b7280;background:#fafafa;border:1px dashed #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:100%;height:180px;margin-bottom:.5rem;font-size:.8125rem;display:flex}.accordion-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:.5rem;overflow:hidden}.accordion-item .accordion-header{cursor:pointer;color:#111827;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:.9375rem;font-weight:500;transition:background-color .15s;display:flex}.accordion-item .accordion-header .accordion-meta{color:#6b7280;font-size:.8125rem;font-weight:400}.accordion-item .accordion-header:hover{background:#fafafa}.accordion-item .accordion-content{border-top:1px solid #e5e7eb;padding:1rem 1.5rem 1.5rem;display:none}.accordion-item .accordion-content.open{display:block}.data-table{border-collapse:collapse;width:100%;font-size:.8125rem}.data-table th,.data-table td{text-align:left;padding:.5rem 1rem}.data-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid #e5e7eb;font-size:.8125rem;font-weight:500}.data-table td{border-bottom:1px solid #e5e7eb}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#e8eef6}.category-title a,.subcategory-title a,.anchor-link{color:inherit;text-decoration:none}.category-title a:hover,.subcategory-title a:hover,.anchor-link:hover{text-underline-offset:3px;-webkit-text-decoration:underline #e5e7eb;text-decoration:underline #e5e7eb}.category-group{margin-bottom:2rem}.category-group .category-title{color:#003478;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #e5e7eb;margin-bottom:1rem;padding-bottom:.5rem;font-size:.8125rem;font-weight:600}.category-group .subcategory-title{color:#003478;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #e5e7eb;margin-top:1.5rem;margin-bottom:.5rem;padding-bottom:.25rem;font-size:.8125rem;font-weight:600}@media (width<=768px){.site-header{padding:.5rem 1rem}.container{padding:1.5rem 1rem}.card-grid{grid-template-columns:1fr}.data-table{font-size:.8125rem}}.kup-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:2rem;display:grid}.kup-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;padding:1.5rem 1rem;transition:border-color .15s,box-shadow .15s;display:flex}.kup-card:hover{border-color:#003478;box-shadow:0 1px 2px #0000000a}.kup-card.selected{background:#e8eef6;border-color:#003478;box-shadow:0 0 0 1px #003478}.kup-card .kup-number{color:#111827;font-size:1.375rem;font-weight:600}.kup-card .kup-belt-name{color:#6b7280;flex:1;margin-top:.25rem;font-size:.8125rem}.kup-card .kup-belt-bar{border-radius:4px;height:16px;margin-top:.5rem;position:relative}.kup-card .kup-belt-stripe{border-radius:2px;width:6px;position:absolute;top:0;bottom:0;right:5px}.topic-selection{margin-bottom:2rem}.topic-selection .topic-checkboxes{flex-wrap:wrap;gap:1rem;display:flex}.topic-selection .topic-checkboxes label{cursor:pointer;color:#111827;align-items:center;gap:.25rem;font-size:.8125rem;display:flex}.mode-selection{gap:.5rem;margin-bottom:2rem;display:flex}.mode-selection .mode-button{color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.5rem 1.5rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .15s}.mode-selection .mode-button:hover{color:#003478;border-color:#003478}.mode-selection .mode-button.active{color:#fff;background:#003478;border-color:#003478}.quiz-area{max-width:560px;margin:0 auto}.quiz-score{text-align:center;color:#6b7280;margin-bottom:1.5rem;font-size:.8125rem;font-weight:500}.quiz-question{text-align:center;color:#111827;margin-bottom:1.5rem;font-size:1.125rem;font-weight:500}.quiz-options{flex-direction:column;gap:.5rem;display:flex}.quiz-options .quiz-option{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;font-family:inherit;font-size:.9375rem;transition:border-color .15s}.quiz-options .quiz-option:hover{border-color:#003478}.quiz-options .quiz-option.correct{background:#f0fdf4;border-color:#16a34a}.quiz-options .quiz-option.incorrect{background:#fef2f2;border-color:#c8102e}.quiz-next{color:#fff;cursor:pointer;background:#003478;border:none;border-radius:6px;margin:1.5rem auto 0;padding:.5rem 2rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:opacity .15s;display:block}.quiz-next:hover{opacity:.9}.flashcard{text-align:center;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:4rem 2rem;transition:box-shadow .2s;display:flex}.flashcard:hover{box-shadow:0 2px 8px #0000000f}.flashcard .flashcard-prompt{color:#6b7280;margin-top:1rem;font-size:.8125rem}.flashcard .flashcard-content{color:#111827;font-size:1.375rem;font-weight:500}.flashcard .flashcard-answer{color:#003478;margin-top:1rem;font-size:1.125rem;font-weight:500;display:none}.flashcard .flashcard-answer.revealed{display:block}.flashcard-actions{justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.flashcard-actions button{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.5rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:opacity .15s}.flashcard-actions button:hover{opacity:.9}.flashcard-actions button.knew-it{color:#fff;background:#16a34a}.flashcard-actions button.didnt-know{color:#fff;background:#c8102e}@media (width<=992px){.kup-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.kup-grid{grid-template-columns:repeat(3,1fr)}.mode-selection{flex-direction:column}}@media (width<=576px){.kup-grid{grid-template-columns:repeat(2,1fr)}}