/* Martial-arts editorial layout: cinematic features and a practical text index. */
:root{--bg:#111414;--panel:#1a1e1e;--ink:#eae5db;--muted:#acada6;--line:#343b39;--gold:#c6ad7f;--red:#bd4e3b;--serif:"Noto Serif SC","Songti SC","SimSun",serif}
body{background:radial-gradient(ellipse at 90% 0,#27312f 0,transparent 42%),var(--bg);color:var(--ink);font-size:14px;line-height:1.8}
.header{height:78px;background:#101414eF;border-bottom:1px solid #3c4540;padding:0 max(28px,calc((100vw - 1180px)/2));color:#f1eade}
.brand b{font-family:var(--serif);font-size:28px;font-weight:700;letter-spacing:2px}.brand small{color:#aaa99c;font-size:10px;letter-spacing:3px}.zero{color:#d46a52}
.header nav{gap:32px}.header nav a{font-size:13px;color:#adb4ac}.header nav a.current{color:#f3e9d5}.current:after{width:100%;height:3px;background:var(--red)}
.collection-button{font-size:12px;color:#ded6c6}.collection-button span{background:#383327;color:#e1cba3}.page-wrap{max-width:1240px;padding:0 30px}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:34px 0 28px}.site-kicker{font-size:11px;letter-spacing:2px;color:#b7a480}.masthead h1{font:700 40px/1.4 var(--serif);letter-spacing:3px;margin:5px 0 8px}.masthead p{margin:0;font-size:13px;color:#adb5ad}
.masthead-note{border-left:1px solid #4b4b3d;padding-left:23px;display:flex;flex-direction:column;font-size:11px;line-height:2;color:#9ca99d}.masthead-note b{font-size:18px;font-weight:400;color:#d6bc90}
.feature-spread{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.feature-strip{position:relative;min-height:370px;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;border:1px solid #4c544e;background:#1b2421}
.feature-strip>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:63% 44%;z-index:-2;filter:saturate(.7)}
.feature-strip:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0a1110fa 0%,#0d1611c7 28%,transparent 78%)}
.feature-strip>div{padding:28px 32px;max-width:640px}.feature-strip>div>span,.combat-feature>div>span{font-size:11px;letter-spacing:1.5px;color:#ead6ad;border-left:3px solid #c65540;padding-left:10px}
.feature-strip h2{font:700 30px/1.45 var(--serif);letter-spacing:.5px;margin:13px 0 9px;text-wrap:balance}.feature-strip p{font-size:14px;color:#c3c9bd;line-height:1.9;margin:0 0 18px;max-width:510px}.feature-link{display:inline-block;font-size:12px;color:#f3dfbc;border-bottom:1px solid #98836a;padding-bottom:4px}
.combat-feature{display:flex;position:relative;align-items:flex-end;overflow:hidden;isolation:isolate;border:1px solid #564139;background:#241c19;color:var(--ink)}.combat-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center;z-index:-2;filter:saturate(.65)}.combat-feature:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#231411fa 0%,#211a17bd 45%,#211a1720 100%)}.combat-feature>div{padding:26px}.combat-feature h2{font:700 25px/1.5 var(--serif);margin:12px 0 7px}.combat-feature p{font-size:13px;color:#cebcb0;margin:0 0 20px}.combat-feature b{font-size:12px;font-weight:400;color:#e1bd90}.combat-feature:hover{border-color:#b57558;color:#fff}
.guides-section{padding-top:38px}.section-heading{align-items:baseline;margin-bottom:20px}.section-heading>h2{font:700 26px var(--serif);letter-spacing:1px;margin:0;border-left:4px solid var(--red);padding-left:13px}.section-heading p{font-size:12px;color:#a4afa6}.search-row{gap:12px}
#search-form{min-width:0;background:#202727;border:1px solid #5a655a;padding:8px 9px 8px 17px;gap:12px}#search{min-width:0;color:#f1eee2;font-size:14px}#search::placeholder{color:#a0aca1}#search-form svg{color:#c2ad87}#search-form kbd{color:#9aa89b;border-color:#586353}#search-form>button{background:#aa4937;color:#fff2e8;font-size:13px;padding:9px 26px}#search-form>button:hover{background:#c25a45}
.chapter-select{background:#1a2120;border-color:#424f46;padding:0 13px}.chapter-select span{color:#abb3a7}select{color:#e5dfcf;background:#1a2120}.popular-searches{gap:20px;margin:12px 0 28px;color:#d1bc96;font-size:12px}.popular-searches span{color:#909f91}.popular-searches button{font-size:12px}
.content-layout{grid-template-columns:minmax(0,1fr) 260px;gap:40px}.tabs{gap:23px;border-bottom:1px solid #465044}.tabs button{color:#aab6a9;font-size:13px;padding-bottom:13px}.tabs button.active{color:#edd6ad}.tabs button.active:after{background:#c8674e;height:3px}.results-meta{margin:13px 0 0;color:#95a28f;font-size:11px}.results-meta button{color:#ceb58a}
.article-grid{display:block}.article-card{position:relative;border:0;border-bottom:1px solid #333e34;background:transparent;transition:background .2s}.article-card:hover{transform:none;background:#20281f;border-color:#485442}.card-body{padding:24px 47px 24px 12px}.entry-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#a0b098;font-size:11px}.card-category{font-size:11px;letter-spacing:0;color:#ddba83}.entry-meta>span+span:before{content:"/";margin-right:10px;color:#576b4d}.card-body h3{font:700 21px/1.6 var(--serif);letter-spacing:.3px;margin:9px 0}.card-body h3 a:hover{color:#e3bd83}.card-body p{font-size:14px;line-height:1.95;color:#b2bea7;min-height:0;margin:0 0 12px}.card-footer{border:0;padding:0;justify-content:flex-start;gap:20px;font-size:11px;color:#96a28b;flex-wrap:wrap}.card-footer span:last-child{color:#96a28b}.save-button{top:27px;right:9px;width:32px;height:34px;border:1px solid #47543e;background:#1a2218;color:#b4c2a6}.save-button:hover{border-color:#b39160;color:#e0c290}.save-button[aria-pressed="true"]{background:#53432d;color:#ffdc9e}
.sidebar{padding-top:0}.side-directory h3,.side-update h3,.side-reminder h3{font-size:15px;font-weight:500;padding-bottom:13px;border-bottom:2px solid #8c7958;margin:0;color:#e4d4b6}.side-directory>a{display:block;padding:17px 4px;border-bottom:1px solid #384331}.side-directory>a>span{display:block;font:18px var(--serif);color:#e1dfc9}.side-directory small{display:block;font-size:12px;margin-top:7px;color:#a3b293}.side-directory>a:hover>span{color:#e7bb77}.side-update{margin-top:30px}.side-update h3{display:flex;justify-content:space-between;align-items:center;border-bottom-width:1px}.side-update time{font:11px monospace;color:#ada887}.side-update p,.side-reminder p{font-size:12px;line-height:2;color:#abb69a;margin:13px 0}.side-update a{font-size:12px;color:#d3b77f}.side-reminder{margin-top:27px;padding:20px;border-left:2px solid #a66144;background:#292820}.side-reminder h3{border:0;font-size:13px;padding:0}.side-reminder p{margin-bottom:0}
.journey{position:relative;isolation:isolate;background:#1a231b;border:1px solid #4e5942;border-top:3px solid #a88853;padding:35px 36px;gap:45px;margin-top:48px;grid-template-columns:1fr 1.4fr;overflow:hidden}.journey:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#142019d9,#182118f5 65%),url('assets/temple.jpg') left center/cover}.journey h2{font:700 29px/1.5 var(--serif);letter-spacing:1px;margin:10px 0 13px}.journey-intro p{font-size:13px;color:#b1c0a2}.progress-label{color:#bdc6aa;font-size:12px}.progress-label b{color:#e4c18b}progress,progress::-webkit-progress-bar{background:#414d33}progress::-webkit-progress-value{background:#bf9c61}.text-link{color:#dfbf86;font-size:12px}.checklist>label{border-color:#4c583e;padding:17px 0}.checklist input{background:#202b1b;border-color:#9aa67d}.checklist input:checked{background:#c5a264;border-color:#c5a264}.checklist b{color:#e1e4d0;font-size:14px}.checklist small{font-size:12px;color:#b0bd9c}.checklist em,.checklist a{color:#d6c498}
.about{padding:34px 0;border-bottom-color:#414c35}.about h2{font:700 16px var(--serif);margin:0 0 10px}.about p{font-size:12px;color:#a4b18f;max-width:850px}.about-links{font-size:12px;color:#c7ae7b}footer{max-width:1240px;padding:25px 30px;color:#a0ac8b;font-size:11px}footer p{font-size:10px}.empty{background:#20291b;border-color:#596548;margin-top:20px;color:#bac7a5}.empty h3{color:#e0bf86;font:24px var(--serif)}.empty button{color:#dfc28f;border-color:#a38b5d}#toast{background:#e8d2a6;color:#202519}
/* Guide pages use a quieter backdrop for long reading. */
.article-wrap{max-width:1060px}.breadcrumb{color:#a8b597}.article-heading h1{font-size:36px;font-weight:700;letter-spacing:1px}.article-heading .eyebrow{font-size:12px;color:#d6b883;letter-spacing:0}.article-meta{font-size:12px;color:#a8b692;border-bottom:1px solid #465137;padding-bottom:22px}.article-layout{margin-top:20px;gap:45px}.answer-box{background:#263020;border-left-color:#c15840;padding:23px 27px}.answer-box b{color:#ecc99b;font-size:13px;letter-spacing:1px}.article-content p{font-size:16px;color:#c1c9b3;line-height:2.1}.answer-box p{color:#ecebd8}.article-content h2{font:700 24px var(--serif);letter-spacing:0;color:#e5d5b4}.article-content details{background:#232c1e;border-color:#556044}.article-content summary{color:#e5c494}.article-content details li{font-size:15px;color:#c4cdb5}.article-tools{border:0;border-left:1px solid #465137;padding:0 0 0 22px}.article-tools h3{color:#dbc298}.article-tools>a{color:#b8c4a3;border-bottom-color:#3c482f;font-size:12px}.article-tools button{background:#a24935;color:#fff3df}.article-tools p,.source-box p,.feedback p{font-size:12px;color:#a5b38f}.source-box{border-top-color:#4b573c}.source-box a,.article-back{color:#e1be84}.feedback{border-color:#4b573c}.feedback button{border-color:#73805b;color:#e5c998}.feedback button[aria-pressed="true"]{background:#59432b;color:#ffe0aa;border-color:#c3985c}
@media(max-width:1000px){.feature-spread{grid-template-columns:minmax(0,1fr) 250px}.feature-strip>div{padding:25px}.feature-strip h2{font-size:26px}.combat-feature>div{padding:22px}.combat-feature h2{font-size:23px}.content-layout{grid-template-columns:minmax(0,1fr) 220px;gap:27px}.tabs{gap:17px}}
@media(max-width:780px){.header{height:70px;padding:0 24px}.header nav{gap:19px}.header nav a{font-size:12px}.brand b{font-size:24px}.collection-button{font-size:0}.collection-button span{font-size:11px}.masthead{padding:28px 0 24px}.masthead h1{font-size:34px}.masthead-note{padding-left:18px}.page-wrap{padding:0 24px}.feature-spread{grid-template-columns:minmax(0,1fr) 220px;gap:12px}.feature-strip{min-height:360px}.feature-strip h2{font-size:24px}.feature-strip p{font-size:13px}.combat-feature h2{font-size:22px}.combat-feature>div{padding:19px}.content-layout{display:block}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}.side-update{margin:0}.side-reminder{display:none}.journey{padding:28px;grid-template-columns:1fr;gap:18px}.article-tools{display:block;position:static;order:2;border:0;border-top:1px solid #4b573c;padding:20px 0}.article-tools p{display:block}.article-layout{display:flex;flex-direction:column}.article-heading h1{font-size:30px}}
@media(max-width:600px){.feature-spread{grid-template-columns:1fr}.feature-strip{min-height:340px}.feature-strip>div{padding:24px}.feature-strip h2{font-size:27px}.combat-feature{min-height:150px}.combat-feature>img{object-position:center 42%}.combat-feature:after{background:linear-gradient(90deg,#241411ed,#241411b0 55%,#24141122)}.combat-feature>div{padding:20px 24px}.combat-feature h2{font-size:22px;margin:7px 0 3px}.combat-feature p{margin:0 0 7px}.masthead p{max-width:300px}.masthead-note{font-size:10px;min-width:115px}.masthead-note b{font-size:16px}.feature-strip>div>span,.combat-feature>div>span{font-size:11px}}
@media(max-width:480px){.header{padding:0 18px}.brand b{font-size:22px}.brand small{font-size:9px}.header nav{gap:15px}.header nav a{font-size:11px}.page-wrap{padding:0 18px}.masthead{gap:12px}.masthead h1{font-size:29px;letter-spacing:1px}.masthead p{font-size:12px}.site-kicker{font-size:10px;letter-spacing:.5px}.masthead-note{border:0;padding:0;min-width:89px;font-size:9px}.masthead-note b{font-size:15px}.feature-strip{min-height:330px}.feature-strip h2{font-size:25px}.feature-strip p{font-size:13px}.guides-section{padding-top:29px}.section-heading>h2{font-size:23px}.section-heading p{font-size:11px;max-width:155px}.search-row{gap:8px}#search-form{padding:7px;gap:7px}#search{font-size:12px}#search-form>button{padding:8px 13px;font-size:12px}.chapter-select{padding:0 4px}.chapter-select select{font-size:11px}.popular-searches{gap:13px;flex-wrap:wrap}.popular-searches button{font-size:11px}.tabs{gap:21px}.tabs button{font-size:12px}.card-body{padding:21px 41px 21px 0}.card-body h3{font-size:20px}.card-body p{font-size:14px}.entry-meta{font-size:11px;gap:8px}.entry-meta>span+span:before{margin-right:8px}.card-footer{font-size:10px;gap:10px}.save-button{right:0;top:24px;width:30px;height:32px}.sidebar{gap:23px}.side-directory h3,.side-update h3{font-size:14px}.side-directory>a>span{font-size:16px}.side-directory small,.side-update p{font-size:12px}.side-update time{font-size:10px}.journey{padding:24px 20px;margin-top:34px}.journey h2{font-size:26px}.checklist b{font-size:13px}.checklist small{font-size:11px}.about p{font-size:12px}footer{padding:24px 18px}.article-heading h1{font-size:28px}.article-content p{font-size:16px}.article-content h2{font-size:22px}.article-meta{font-size:11px}}