body.notebook-article-body{--article-accent:#8f6b4d;--article-soft:#eee7dc;background:#f6f4ef!important;color:#292821!important;font-family:Arial,"Noto Sans TC",sans-serif!important}
body.notebook-vocabulary{--article-accent:#6f806a;--article-soft:#e2e9df}
body.notebook-exam{--article-accent:#9b6d62;--article-soft:#f0e1dc}
.notebook-article-body .legacy-article-nav{display:none!important}
.notebook-site-nav{position:sticky;top:0;z-index:50;border-bottom:1px solid #dedbd2;background:rgba(246,244,239,.94);backdrop-filter:blur(12px)}
.notebook-site-nav-inner{width:min(1120px,calc(100% - 40px));min-height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.notebook-site-brand{display:flex;align-items:center;gap:10px;color:#24241f;text-decoration:none}
.notebook-site-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid #24241f;font:700 21px/1 Georgia,"Noto Serif TC",serif}
.notebook-site-brand strong{display:block;font:600 17px/1.3 Georgia,"Noto Serif TC",serif}.notebook-site-brand small{display:block;margin-top:3px;color:#77766e;font-size:10px}
.notebook-site-links{display:flex;gap:22px;color:#77766e;font-size:13px}.notebook-site-links a:hover{color:#24241f}
.notebook-article-body main{width:min(900px,calc(100% - 40px))!important;max-width:none!important;margin:0 auto!important;padding:72px 0 90px!important}
.notebook-article-body main>header{max-width:760px;margin:0 auto 48px!important;text-align:left!important}
.notebook-article-body main>header h1{color:#24241f!important;font-family:Georgia,"Noto Serif TC",serif!important;letter-spacing:-.035em!important}
.notebook-article-body main>header p{color:#77766e!important;line-height:1.9!important}
.notebook-article-body main>header span{background:var(--article-soft)!important;border-color:transparent!important;color:var(--article-accent)!important}
.notebook-article-body main>article,.notebook-article-body main>section{border-radius:2px!important;border:1px solid #dedbd2!important;border-top:3px solid var(--article-accent)!important;background:#fffdf8!important;box-shadow:0 10px 26px rgba(43,38,30,.05)!important;color:#4f4b43!important}
.notebook-article-body main>article h2,.notebook-article-body main>section h2{color:#292821!important;font-family:Georgia,"Noto Serif TC",serif!important}
.notebook-article-body .notebook-template-badge{background:var(--article-soft)!important;border-color:transparent!important;color:var(--article-accent)!important}
.notebook-article-body footer{background:#292a25!important;border-top:0!important;color:#bbb!important}
.notebook-vocabulary main{width:min(1120px,calc(100% - 40px))!important}
.notebook-vocabulary #flashcards-container .flashcard{border-color:#dedbd2!important;border-top-color:var(--article-accent)!important;border-radius:2px!important;background:#fffdf8!important;box-shadow:0 8px 20px rgba(43,38,30,.05)!important}
.notebook-vocabulary #flashcards-container h2{color:var(--article-accent)!important;border-color:#cfd8ca!important}
.notebook-exam #quiz-container>div{border-color:#dedbd2!important;border-radius:2px!important;box-shadow:0 8px 20px rgba(43,38,30,.05)!important}
.notebook-grammar-feature main>header{display:flex;flex-direction:column;max-width:900px!important;margin:0 auto 58px!important;padding:28px 0 34px;border-bottom:1px solid #d8d0c4;text-align:left!important}
.notebook-grammar-feature main>header>div:first-child{display:none!important}
.notebook-grammar-feature main>header h1{order:1;margin:0!important;font-family:Georgia,"Noto Serif TC",serif!important;font-size:clamp(58px,10vw,112px)!important;line-height:1!important;letter-spacing:-.07em!important;color:#24241f!important}
.notebook-grammar-feature main>header h1 ruby{display:inline-block}
.notebook-grammar-feature main>header h1 rt{display:block!important;margin-bottom:8px;font-family:Arial,"Noto Sans JP",sans-serif!important;font-size:clamp(18px,3vw,28px)!important;font-weight:400!important;line-height:1!important;color:#8f6b4d!important;letter-spacing:.08em!important}
.notebook-grammar-feature main>header h1>span{display:block!important;margin:18px 0 0!important;padding:12px 0 0;border-top:1px solid #dedbd2;color:#8f6b4d!important;font-family:Georgia,"Noto Serif TC",serif!important;font-size:clamp(21px,3.5vw,36px)!important;line-height:1.4!important;letter-spacing:.02em!important}
.notebook-grammar-feature main>header>p:last-child{order:5;margin:28px 0 0!important;color:#77766e!important;font-family:Arial,"Noto Sans TC",sans-serif!important;font-size:clamp(18px,2.4vw,26px)!important;line-height:1.7!important;letter-spacing:.04em!important}
.notebook-grammar-feature main>header>p:last-child::before{content:"中文解釋：";color:#8f6b4d;font-size:.65em;font-weight:700;letter-spacing:.12em}
.notebook-article-body main>header>.notebook-meta{margin:14px 0 0!important;padding:0!important;border:0!important;background:transparent!important;color:#989187!important;font-size:12px!important}
.notebook-article-body main>header>.notebook-meta strong{color:#6f675d!important;font-weight:600!important}
.notebook-article-body main>header>.notebook-category-nav{margin:14px 0 0!important}
.notebook-grammar-feature main>header>.notebook-meta{order:3}
.notebook-grammar-feature main>header>.notebook-category-nav{order:4}
.notebook-category-nav a{transition:background .2s ease,border-color .2s ease,color .2s ease}
.notebook-grammar .notebook-category-nav a[href="/grammar.html"],
.notebook-vocabulary .notebook-category-nav a[href="/vocab.html"],
.notebook-exam .notebook-category-nav a[href="/JLPT.html"]{background:var(--article-soft);border-color:var(--article-soft);color:var(--article-accent);font-weight:600}
@media(max-width:700px){.notebook-site-nav-inner{width:calc(100% - 28px);min-height:66px}.notebook-site-brand small{display:none}.notebook-site-links{gap:12px;font-size:11px}.notebook-article-body main,.notebook-vocabulary main{width:calc(100% - 28px)!important;padding:46px 0 64px!important}.notebook-article-body main>header{margin-bottom:32px!important}.notebook-site-mark{width:34px;height:34px;font-size:19px}}