
:root{--ink:#203950;--muted:#586b7b;--paper:#f7f6f1;--accent:#bd8a30;--line:#d9e1e3;--green:#2e6554}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 'Malgun Gothic','Apple SD Gothic Neo',sans-serif}
button,input,select,textarea{font:inherit;color:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}
.v8-wrap{max-width:1060px;margin:auto;padding:25px 28px 72px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:5px 0 20px;border-bottom:1px solid var(--line)}.v8-brand{font-size:26px;font-weight:900;letter-spacing:-1.5px;text-decoration:none;color:var(--ink)}.v8-brand i{font-style:normal;color:var(--accent)}.top small{font-size:12px;color:var(--muted)}.v8-intro{padding:28px 0 22px}h1{font-size:clamp(24px,3vw,35px);line-height:1.45;letter-spacing:-1px;margin:8px 0}h2{font-size:23px;line-height:1.6;margin:12px 0 20px}h3{font-size:18px;margin:24px 0 10px}p{margin:10px 0}.v8-eyebrow{color:#795921;font-size:12px;letter-spacing:1px;font-weight:800}.v8-intro p,.v8-help{font-size:14px;color:var(--muted)}.v8-unit-row{margin:14px 0}.v8-unit-row select{display:block;width:100%;padding:12px;background:white;border:1px solid var(--line);border-radius:10px}
#v8-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 24px}#v8-tabs button{border:1px solid var(--line);background:white;border-radius:10px;padding:13px 5px;font-weight:700;font-size:14px}#v8-tabs button[aria-current="page"]{background:var(--ink);color:white;border-color:var(--ink)}
.v8-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 34px;margin:16px 0;box-shadow:0 4px 14px #20395004}
.v8-reading section{padding:8px 0 25px;margin:10px 0 15px;border-bottom:1px solid var(--line)}.v8-reading section:last-child{border-bottom:0}.v8-reading .card{padding:10px 0 24px;border-bottom:1px solid var(--line)}.v8-reading .ex,.v8-box,.v8-reading .tip,.v8-reading .bogi,.v8-reading .stem{background:#f4f6f7;border-left:3px solid #c5ab76;border-radius:0 8px 8px 0;padding:15px 18px;margin:15px 0}.v8-reading .ko{display:block;color:var(--muted);font-size:.93em}.v8-reading .tip,.v8-caution{background:#fcf5e7;padding:14px;border-radius:8px;color:#705220}.v8-reading details{margin:12px 0}.v8-reading .trow,.v8-reading .pt{margin:12px 0;padding:12px 0;border-bottom:1px solid var(--line)}
.v8-card table{border-collapse:collapse;max-width:100%;font-size:.93em}.v8-card th,.v8-card td{border:1px solid var(--line);padding:8px;overflow-wrap:anywhere}.v8-card img,.v8-card svg{max-width:100%;height:auto}.v8-card ul,.v8-card ol{padding-left:24px}.v8-card .v8-conditions{background:#f6f3ed;padding:15px 15px 15px 36px;border-radius:10px;font-size:14px}
.v8-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.v8-tag{display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:3px 10px;margin:3px;border-radius:5px;background:#edf2f1;color:#3c5d55;font-size:12px}
.v8-choice{display:flex;gap:12px;align-items:baseline;width:100%;padding:16px 18px;text-align:left;border:1px solid #cbd6dd;border-radius:10px;background:white;margin:10px 0;line-height:1.75}.v8-choice span:first-child{flex-shrink:0;font-weight:bold}.v8-choice.selected{border:2px solid var(--ink);background:#edf2f7;padding:15px 17px}.v8-choice.right{border-color:var(--green);background:#eaf4ed}.v8-choice.wrong{border-color:#a3633c;background:#fbf1e8}.v8-choice:disabled{cursor:default;opacity:1}
#v8-stage input:not([type=checkbox]),#v8-stage textarea{display:block;width:100%;border:1px solid #9eafb9;border-radius:10px;background:white;padding:13px 15px;margin:9px 0;font-size:16px;line-height:1.8}#v8-stage textarea{resize:vertical;min-height:130px}#v8-stage label{font-weight:700;display:block;margin-top:18px}#v8-stage .v8-self{display:flex;gap:10px;font-weight:500;font-size:14px;align-items:flex-start}.v8-self input{margin-top:7px;width:18px;height:18px;flex-shrink:0}
.v8-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.v8-actions button,.v8-card>button{border:1px solid #b8c8d1;border-radius:9px;background:white;padding:11px 17px;font-weight:700;min-height:46px;font-size:14px}.v8-actions .primary,.v8-card>button.primary{background:var(--ink);border-color:var(--ink);color:white}
.v8-feedback,.v8-model{border-radius:12px;padding:18px 20px;margin:22px 0;font-size:15px}.v8-feedback.ok{background:#ebf5ef;border:1px solid #bed8c7}.v8-feedback.notice{background:#fbf4e8;border:1px solid #dfd2b5}.v8-model{background:#eef3f7;border:1px solid #cbd7e2}
.v8-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v8-metrics div{background:#f3f5f5;border-radius:10px;padding:20px 8px;text-align:center}.v8-metrics b{display:block;font-size:32px}.v8-metrics span{font-size:12px;color:var(--muted)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b47c22;outline-offset:4px}summary{cursor:pointer;font-weight:700}#v8-stage{scroll-margin-top:20px;overflow-wrap:anywhere}#v8-stage:focus{outline:0}.v8-footer{font-size:12px;color:var(--muted);margin-top:36px;border-top:1px solid var(--line);padding-top:18px}.olp-large #v8-stage{font-size:19px}.olp-large #v8-stage p,.olp-large #v8-stage li{font-size:inherit}
@media(max-width:600px){.v8-wrap{padding:14px 15px 48px}.v8-card{padding:20px 17px;border-radius:13px}#v8-tabs{grid-template-columns:repeat(2,1fr);gap:7px}h2{font-size:20px}.v8-metrics{gap:6px}.v8-metrics b{font-size:25px}.v8-metrics span{font-size:11px}.v8-actions button{flex:1;min-width:115px}.v8-tag{font-size:11px}.v8-row{gap:5px}.top small{max-width:140px;text-align:right}.v8-card table{font-size:12px}.v8-card th,.v8-card td{padding:5px} }
@media print{#orda-tools,#v8-tabs,.v8-actions,.v8-unit-row{display:none}.v8-card{box-shadow:none;break-inside:avoid}body{background:white}.v8-wrap{max-width:none}}

#v8-original[hidden]{display:none!important}.v8-model-text{white-space:pre-wrap}.v8-main input:not([type=checkbox]),.v8-main select{max-width:100%;width:100%;box-sizing:border-box}.v8-main #v8-qjump,.v8-main #v8-wjump{margin:8px 0 18px}.v8-heights{width:180px!important;min-width:0!important;text-align:center}.v8-heights td{border:1px solid #aebdc7;padding:12px}.v8-reading section{margin:18px 0}.v8-reading svg{max-width:100%;height:auto}.v8-main .v8-reading{overflow-wrap:anywhere}.v8-main .v8-reading table{max-width:100%;display:block;overflow:auto}.v8-main .v8-reading h3{font-size:19px}.v8-main .v8-reading section section h3{font-size:15px;color:#536679}.v8-directory{display:grid;gap:14px}.v8-directory a{display:block;padding:20px;border:1px solid #d9e1e5;border-radius:14px;background:white;text-decoration:none;color:#203e59}.v8-directory small{display:block;color:#617281}.v8-main [hidden]{display:none!important}

.v8-main>.top{background:transparent;color:var(--ink);padding:5px 0 20px;margin:0}.v8-main>.top small{color:var(--muted)}#v8-original+.v8-main .v8-reading>.label,#v8-original+.v8-main .v8-reading>.label+h2{display:none}.v8-source{border:1px solid var(--line);border-radius:12px;padding:15px 18px}.v8-source>summary{font-weight:700;cursor:pointer}.v8-source[open]>summary{padding-bottom:14px;border-bottom:1px solid var(--line)}
