/* Same-origin navigation keeps the browser's normal history and link behavior. */
@view-transition{navigation:auto}
::view-transition{pointer-events:none}
::view-transition-group(root){animation-duration:240ms}
::view-transition-old(root){animation:iwa-page-away 160ms ease-in both}
::view-transition-new(root){animation:iwa-page-arrive 260ms cubic-bezier(.2,.65,.3,1) both}
.iwa-site-header{view-transition-name:iwa-navigation}
::view-transition-group(iwa-navigation){animation-duration:200ms}
::view-transition-old(iwa-navigation),::view-transition-new(iwa-navigation){animation-duration:180ms}
@keyframes iwa-page-away{to{opacity:0;transform:translateY(-5px)}}
@keyframes iwa-page-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes iwa-panel-arrive{from{opacity:0;transform:translateY(7px) scale(.99)}to{opacity:1;transform:none}}
/* Entry animation also covers embedded browsers that disable native navigation transitions. */
body>main{animation:iwa-page-arrive 260ms ease-out both}
body :is(button,.button,.home-links a,.home-sign-in,.reader-article-link){transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,transform 130ms ease}
@media(hover:hover){body button:where(:not(:disabled):not(.art-hotspot):not(.iwa-icon-only):not([data-calendar-date])):hover,body :is(.button,.home-links a,.reader-article-link):hover{transform:translateY(-1px)}}
body button:where(:not(:disabled):not(.art-hotspot):not(.iwa-icon-only):not([data-calendar-date])):active{transform:translateY(1px) scale(.99)}
:is(#collection-dialog,#word-export-dialog,.iwa-account-dialog)[open]{animation:iwa-panel-arrive 180ms ease-out}
#detail details[open]>.sidebar-detail-content{animation:iwa-page-arrive 160ms ease-out}
.iwa-site-header .home-sign-in.guest-account{display:inline-grid;place-items:center;padding:0;border:1.7px solid currentColor;overflow:visible;transform:none}
.iwa-site-header .home-sign-in.guest-account span{font:15px/1.4 "IWA Cute Hand","Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:.08em;white-space:nowrap}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
html[data-iwa-reduced-motion="true"] *,html[data-iwa-reduced-motion="true"] *::before,html[data-iwa-reduced-motion="true"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-iwa-reduced-motion="true"]::view-transition-group(*),html[data-iwa-reduced-motion="true"]::view-transition-old(*),html[data-iwa-reduced-motion="true"]::view-transition-new(*){animation:none!important}

/* Shared warm paper and pumpkin palette. Semantic reading highlights retain their colors. */
:root{--pumpkin:#c46f1c;--warm-coat:#af644c;--muddy-boots:#8d4e47;--spiced-coffee:#a16225;--crunchy-leaves:#d3a05b;--spiral-stems:#968c4d;--autumn-ink:#573b27;--autumn-soft:#f3e2c4;--autumn-border:#c6ab7f;--iwa-hand-font:"IWA Hand","IWA Cute Hand","Segoe Print","Bradley Hand","Comic Sans MS","STXingkai","华文行楷","KaiTi","楷体",cursive}
html[data-iwa-layout] body{background-color:#f1e8d4!important;background-image:linear-gradient(#f1e8d424,#f1e8d424),url('./home-assets/page-paper-fine.0f0e4b2fd730.webp')!important;background-size:auto,1400px auto;background-position:0 0;background-repeat:repeat;color:var(--autumn-ink)}
html[data-iwa-layout] body[data-iwa-page="home"]{--home-paper:#f1e8d4}
html[data-iwa-layout] body[data-iwa-page="plan"]{--mm-root:#a16225;--mm-section:#968c4d;--mm-info:#ecd4ac;--mm-info-ink:#70451f;--mm-argument:#edd4c5;--mm-argument-ink:#8d4e47;--mm-line:#b99e6b;--mm-outline:#c6ab7f}
html[data-iwa-layout] body button:where(:not(.art-hotspot):not(.sticker-option):not(.writing-mark):not(.theme-option):not(.toggle)){background-color:var(--autumn-soft)!important;color:#774b25!important;border-color:var(--crunchy-leaves)!important}
html[data-iwa-layout] body :is(.primary-btn,.button-primary,#focus-start,#plan-to-writing,#export-word,#essay-word-export,.iwa-guide-next){background-color:var(--spiced-coffee)!important;color:#fff9ec!important;border-color:var(--spiced-coffee)!important}
html[data-iwa-layout] body :is(button[aria-pressed="true"],.tab[aria-current="page"],button[aria-selected="true"],.position-choice[aria-pressed="true"]){background-color:#968c4d!important;color:#fffbed!important;border-color:#968c4d!important}
html[data-iwa-layout] body :is(.remove-btn,.remove-saved,[data-remove],.material-remove,.home-dialog-close,.icon-close,.close){background-color:transparent!important;color:var(--muddy-boots)!important}
html[data-iwa-layout] body :is(.icon-btn,.language-btn,.translation-button,.bank-translate,.calendar-heading button,.calendar-today,.home-dialog-close,.inline-btn,.help-link,.small-control,.collection-card-tools button,.collection-card-footer button,.home-reading-menu summary,.collection-add){background-color:transparent!important;color:var(--spiced-coffee)!important}
html[data-iwa-layout] body :is(.primary-tag,.tag,.closing-choice){background-color:#ebd4b5!important;color:#74451e!important;border-color:#d3a05b!important}
html[data-iwa-layout] body :is([data-label="Evidence"],[data-label="Example"]){background-color:#e6d2c0!important;color:#8d4e47!important;border-color:#af644c!important}
html[data-iwa-layout] body :is([data-label="Explanation"],[data-label="Link"]){background-color:#e4dfc3!important;color:#736a33!important;border-color:#968c4d!important}
html[data-iwa-layout] body .refresh-pattern{background-color:#af644c!important;color:#fff9ec!important;border-color:#af644c!important}
html[data-iwa-layout] body .iwa-site-header :is(button,.iwa-guide-launch){background:transparent!important;border:0!important;color:#542e1c!important}
html[data-iwa-layout] body .writing-calendar td button{background:transparent!important;color:#542e1c!important;border:0!important}
html[data-iwa-layout] body .writing-calendar td button:hover{background:#d3a05b25!important}
html[data-iwa-layout] body .art-hotspot{background:transparent!important;border:0!important}
html[data-iwa-layout] body .toggle[aria-checked="true"]{background:#968c4d;border-color:#968c4d}
html[data-iwa-layout] body button:disabled{opacity:.48}
html[data-iwa-layout] body :is(.primary-btn,.button-primary,.tab,.primary-tag,#focus-start,#plan-to-writing,#export-word,#essay-word-export){background-image:url('./home-assets/page-paper-fine.0f0e4b2fd730.webp');background-size:900px auto;background-blend-mode:multiply;border-radius:8px 6px 9px 5px}
html[data-iwa-layout] body :is(button,a,summary):focus-visible{outline-color:#a16225!important}
html[data-iwa-layout] body #iwa-guide .iwa-guide-skip{background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important}
html[data-iwa-layout] body :is(select,input,textarea){accent-color:#a16225}
/* Smaller reading cards use real paper/tape texture, without a computer-drawn frame. */
html[data-iwa-layout="desktop"] body[data-iwa-page="reading-list"] .reading-directory{max-width:1220px;padding-top:38px}
html[data-iwa-layout="desktop"] body[data-iwa-page="reading-list"] .reading-grid{gap:22px;align-items:stretch}
html[data-iwa-layout="desktop"] body[data-iwa-page="reading-list"] .reading-card{min-height:234px;padding:65px 30px 27px;border:0;border-radius:0;background-color:transparent!important;background-image:url('./home-assets/kraft-card.f0ee90dadf8a.webp');background-size:100% 100%;background-repeat:no-repeat;box-shadow:none;gap:12px;transition:transform .22s ease}
html[data-iwa-layout="desktop"] body[data-iwa-page="reading-list"] .reading-card[href]:hover{background-color:transparent!important;transform:translateY(-3px) rotate(-.4deg)}
html[data-iwa-layout="desktop"] body[data-iwa-page="reading-list"] .reading-card .reading-card-headline{gap:10px;align-items:flex-start}
html[data-iwa-layout="desktop"] body[data-iwa-page="reading-list"] .reading-card .source-number{width:29px;height:29px;font-size:12px;border-color:#9f6a35;background:#f8e6bf6b;color:#855122}
html[data-iwa-layout="desktop"] body[data-iwa-page="reading-list"] .reading-card h2{font-size:17px;line-height:1.45;color:#573920;overflow-wrap:normal}
html[data-iwa-layout="desktop"] body[data-iwa-page="reading-list"] .reading-card .source-title-zh{font-size:13px;line-height:1.65;margin-left:39px;color:#81613d}
html[data-iwa-layout="desktop"] body[data-iwa-page="reading-list"] .reading-card .reading-card-foot{font-size:12px;line-height:1.4;color:#805c32;padding-top:4px}
html[data-iwa-layout="desktop"] body[data-iwa-page="reading-list"] .reading-card.reading-pending{opacity:.57}
body[data-iwa-page="reading-list"] .directory-progress{background:#ae865646;height:2px;margin-top:0}
body[data-iwa-page="reading-list"] .directory-progress>span{background:#a16225}
/* Collection return link looks like the adjacent remove action. */
html[data-iwa-layout] body .collection-card-footer :is(a,button){font:14px/1.5 "Microsoft YaHei",sans-serif!important;color:#a37961!important;border:0;background:transparent!important;text-decoration:none;padding:8px 0}
.collection-card-footer :is(a,button):hover{color:#8d4e47!important;text-decoration:none;opacity:.8}
.collection-card{background-color:#fffaf0e6}
body[data-iwa-page="personal"] .settings-card{background:#fffaf0e6!important;border-color:#d6c4a5;box-shadow:none}
body[data-iwa-page="personal"] :is(.personal-sidebar,.identity-card,.section-nav){border-color:#d6c4a5}
body[data-iwa-page="personal"] :is(.section-kicker,.field-title,.section-nav a,.personal-header h1){color:#79522d}
body[data-iwa-page="personal"] .section-nav a.active{background:#eadbc1;color:#79522d}
body[data-iwa-page="essay"] .sentence{background:#fffaf0e6;border-color:#dcc6a4}
body[data-iwa-page="essay"] .recommend{background:#eee3cd;color:#705335}
body[data-iwa-page="essay"] #page-title{font:700 42px/1.4 "IWA Hand","IWA Cute Hand","Segoe Print","Bradley Hand","Comic Sans MS",cursive;color:#573b27;margin:0 0 24px}
html[data-iwa-layout="desktop"] body[data-iwa-page="essay"] #writing-workspace{display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:nowrap;padding:0;margin:0 0 25px;background:transparent;border:0;border-radius:0;box-shadow:none}
html[data-iwa-layout="desktop"] body[data-iwa-page="essay"] #writing-workspace[hidden]{display:none!important}
#writing-workspace>label{font:600 16px/1.5 "Microsoft YaHei",sans-serif;flex:none;color:#795635}
#writing-workspace #writing-document{flex:0 1 350px;min-width:200px;max-width:350px;background:#fff7e8;border-color:#c6ab7f;color:#795635;font-size:16px;padding:9px 12px;border-radius:7px;min-height:43px}
html[data-iwa-layout="desktop"] #writing-workspace #essay-word-export{margin:0;min-height:43px;border-radius:7px;font-size:15px;padding:10px 17px;white-space:nowrap}
body[data-iwa-page="plan"] #plan-map{background:transparent}
body[data-iwa-page="plan"] #plan-tree :is(.plan-material,.mm-empty,.topic-sentence-input){background:#fffaf0dd;border-color:#c6ab7f}
body[data-iwa-page="plan"] #plan-root{background:#a16225}
html[data-iwa-layout] body #plan-tree .mm-section-toggle{background:transparent!important;color:#fff9ec!important;border:0!important}
html[data-iwa-layout="desktop"] body[data-iwa-page="reader"] .reader-sidebar{top:108px;height:calc(100dvh - 132px)}
body[data-iwa-page="reader"] .toolbar{top:78px}
body[data-iwa-page="essay"] .wrap .tabs{top:90px}
body[data-iwa-page="personal"] .personal-sidebar{top:108px}
body[data-iwa-page="personal"] .settings-card{scroll-margin-top:110px}
[hidden]{display:none!important}
html[data-iwa-layout] body .closing-choice[aria-pressed="true"]{background-color:#968c4d!important;color:#fffbed!important;border-color:#968c4d!important}
/* These are illustration controls, never native rectangular button surfaces. */
html[data-iwa-layout] body .writing-calendar td button,
html[data-iwa-layout] body .writing-calendar td button:is(:hover,:active,:focus,:focus-visible){appearance:none;-webkit-appearance:none;background:none!important;background-image:none!important;border:0!important;border-radius:0!important;outline:none!important;box-shadow:none!important}
html[data-iwa-layout] body .writing-calendar td button:focus-visible time:before{border-color:#a16225;box-shadow:0 0 0 2px #d3a05b55}
html[data-iwa-layout] body .iwa-site-header .iwa-guide-launch,
html[data-iwa-layout] body .iwa-site-header .iwa-guide-launch:is(:hover,:active,:focus,:focus-visible){appearance:none;-webkit-appearance:none;background:none!important;background-image:none!important;border:0!important;border-radius:0!important;outline:none!important;box-shadow:none!important}
/* Icons remain bare ink; keyboard focus uses the icon itself as a cue. */
html[data-iwa-layout] body button.iwa-icon-only,
html[data-iwa-layout] body button.iwa-icon-only:is(:hover,:active,:focus,:focus-visible){appearance:none;-webkit-appearance:none;background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;outline:none!important}
html[data-iwa-layout] body button.iwa-icon-only:focus-visible>svg{filter:drop-shadow(0 0 3px #a16225)}
html[data-iwa-layout] body button.iwa-icon-only:focus-visible{text-shadow:0 0 4px #d3a05b}
html[data-iwa-layout] body button.refresh-pattern.iwa-icon-only{color:#a16225!important}
html[data-iwa-layout] body .avatar-change:focus-visible .avatar{outline:2px solid #a16225;outline-offset:4px}
.collection-card>.collection-quote{margin-top:0}
.collection-card>.collection-citation{margin-bottom:0}
.collection-details{margin-top:8px}
.collection-details>summary{display:grid;place-items:center;width:36px;height:30px;margin-left:auto;padding:3px;cursor:pointer;list-style:none;color:#a16225;background:transparent;border:0}
.collection-details>summary::-webkit-details-marker{display:none}
.collection-details>summary svg{width:25px;height:25px}
.collection-details>summary:hover{color:#8d4e47}
.collection-details>summary:focus-visible{outline:0;filter:drop-shadow(0 0 3px #d3a05b)}
.collection-details[open]>summary{color:#8d4e47}
.collection-details-content{padding-top:15px;border-top:1px dashed #c9b38f}
.collection-details-content .collection-card-tools{margin-bottom:14px}
.collection-translation{padding-bottom:15px;margin:0;font-size:16px}
html[data-iwa-layout] body .collection-card-footer :is(a,button){padding:7px 12px;border:1px solid #d3a05b;background:#f1dfbd!important;border-radius:7px 5px 8px 6px;color:#79522d!important}
/* One handwritten heading style throughout the site. */
html[data-iwa-layout] body[data-iwa-page="personal"] .personal-header h1,
html[data-iwa-layout] body[data-iwa-page="plan"] .page-title{font:700 42px/1.4 var(--iwa-hand-font);letter-spacing:-.035em;color:#573b27;margin:0}
html[data-iwa-layout] body[data-iwa-page="personal"] #profile{max-width:none;width:100%;padding:22px 26px}
html[data-iwa-layout] body[data-iwa-page="personal"] :is(#profile-display-name,#sidebar-name){font-family:var(--iwa-hand-font);font-weight:700}
html[data-iwa-layout] body[data-iwa-page="personal"] #profile-display-name{font-size:27px;line-height:1.5}
html[data-iwa-layout] body[data-iwa-page="personal"] .current-theme-options{grid-template-columns:minmax(190px,240px) minmax(130px,240px)}
html[data-iwa-layout] body[data-iwa-page="plan"] .page-title{margin-bottom:20px}
html[data-iwa-layout] body[data-iwa-page="plan"] .plan-manager :is(#new-plan,#rename-plan,#copy-plan){background:#968c4d url('./home-assets/page-paper-fine.0f0e4b2fd730.webp') center/900px auto!important;background-blend-mode:multiply;color:#fffbed!important;border:1px solid #968c4d!important;border-radius:8px 6px 9px 5px;font-size:15px;font-weight:700;box-shadow:none}
/* Essay tags and the adjacent rule share their paragraph's single ink color. */
body[data-iwa-page="essay"] .wrap{--essay-section-color:#c46f1c}
html[data-iwa-layout] body[data-iwa-page="essay"] .wrap .sentence:before{background:var(--essay-section-color)}
html[data-iwa-layout] body[data-iwa-page="essay"] .wrap :is(.primary-tag,.closing-choice,.causal-stage){background-color:var(--essay-section-color)!important;color:#fffbed!important;border-color:var(--essay-section-color)!important;background-image:none}
html[data-iwa-layout] body[data-iwa-page="essay"] .wrap .closing-choice[aria-pressed="true"]{box-shadow:0 0 0 2px #fffaf0,0 0 0 3px var(--essay-section-color)}
html[data-iwa-layout] body[data-iwa-page="essay"] .wrap .argument-head h3,
html[data-iwa-layout] body[data-iwa-page="essay"] #section-title{color:var(--essay-section-color)}
html[data-iwa-layout] body[data-iwa-page="essay"] .wrap .tab{background-color:var(--tab-color)!important;color:#fffbed!important;border-color:var(--tab-color)!important}
body[data-iwa-page="essay"] .tab[data-section="0"]{--tab-color:#c46f1c}
body[data-iwa-page="essay"] .tab:is([data-section="1"],[data-section="2"]){--tab-color:#af644c}
body[data-iwa-page="essay"] .tab[data-section="3"]{--tab-color:#968c4d}
body[data-iwa-page="essay"] .tab[aria-current="page"]{box-shadow:0 0 0 2px #f1e8d4,0 0 0 3px var(--tab-color)}
/* The compact translucent progress row sits above a full-height contents panel. */
html[data-iwa-layout="desktop"] body[data-iwa-page="reader"] .reader-sidebar{top:108px;height:calc(100dvh - 128px);max-height:none}
html[data-iwa-layout="desktop"] body[data-iwa-page="reader"] :is(.reader-progress-card,.reader-toc-panel){background:#fffaf047;border-color:#d2bd9b59;backdrop-filter:blur(1px);color:#795b3a}
html[data-iwa-layout="desktop"] body[data-iwa-page="reader"] .reader-progress-card{display:flex;align-items:center;gap:12px;padding:10px 14px;margin-bottom:12px}
html[data-iwa-layout="desktop"] body[data-iwa-page="reader"] .reader-progress-label{order:2;flex:none;margin:0}
html[data-iwa-layout="desktop"] body[data-iwa-page="reader"] #readingProgress{font-size:14px;min-width:34px;text-align:right;color:#8b693d}
html[data-iwa-layout="desktop"] body[data-iwa-page="reader"] .reader-sidebar .progress-track{order:1;flex:1;height:5px;background:#cbb98b45}
html[data-iwa-layout="desktop"] body[data-iwa-page="reader"] .reader-sidebar .progress-fill{background:#968c4d}
html[data-iwa-layout="desktop"] body[data-iwa-page="reader"] .reader-toc-panel{margin-bottom:0;flex:1;min-height:0}
html[data-iwa-layout="desktop"] body[data-iwa-page="reader"] .reader-toc-heading{color:#79522d}
html[data-iwa-layout="desktop"] body[data-iwa-page="reader"] .reader-sidebar .toc-item,
html[data-iwa-layout="desktop"] body[data-iwa-page="reader"] .reader-sidebar .toc-item:hover{background:transparent!important;background-image:none!important;border:0;box-shadow:none;color:#795b3a!important}
html[data-iwa-layout="desktop"] body[data-iwa-page="reader"] .reader-sidebar .toc-item[aria-current="location"]{background:#f3e2c4!important;color:#774b25!important;box-shadow:inset 2px 0 0 #c46f1c}
/* Reader collection and teaching sheets follow the same warm palette. */
body[data-iwa-page="reader"] #sheet{background:#faf1df;color:#573b27;border-color:#ccb38c}
body[data-iwa-page="reader"] #sheet :is(.sheet-header,.sheet-footer){background:#faf1df;border-color:#dac7a6}
body[data-iwa-page="reader"] #sheet .compact-sentence .quote-block{background:#e0d0b6;border-color:transparent;color:#573b27}
html[data-iwa-layout] body[data-iwa-page="reader"] #sheet .position-choice{background:#af644c!important;background-image:none!important;color:#e0d0b6!important;border:0!important;box-shadow:none;font-weight:500;opacity:1}
html[data-iwa-layout] body[data-iwa-page="reader"] #sheet .position-choice[aria-pressed="true"]{background:#af644c!important;color:#e0d0b6!important;opacity:1;font-weight:700}
html[data-iwa-layout] body[data-iwa-page="reader"] #sheetFooter .primary-btn[data-action="save"]{background:#968c4d!important;color:#fffbed!important;border-color:#968c4d!important}
body[data-iwa-page="reader"] .writing-teaching-card{color:#573b27}
body[data-iwa-page="reader"] .writing-teaching-card .writing-expression{color:#573b27}
/* A slender, full-width gradient handle reveals the attached notes. */
body[data-iwa-page="collection"] .collection-controls{grid-template-columns:minmax(300px,1fr) minmax(210px,320px);gap:16px}
.collection-search-field{position:relative;min-width:0}
.collection-search-field input{padding-right:48px}
.collection-search-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:21px;height:21px;color:#a16225;pointer-events:none}
body[data-iwa-page="collection"] .collection-list{gap:18px}
body[data-iwa-page="collection"] .collection-card{padding:18px 20px}
.collection-details>summary{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:25px;margin:0;padding:2px 0;background:linear-gradient(90deg,transparent,#d3a05b10,transparent);border-radius:0}
.collection-details>summary:before,.collection-details>summary:after{content:"";height:2px;flex:1;background:linear-gradient(90deg,transparent,#b48b57a0)}
.collection-details>summary:after{transform:scaleX(-1)}
.collection-details>summary svg{width:16px;height:13px;flex:none;transition:transform .2s}
.collection-details[open]>summary svg{transform:rotate(180deg)}
.collection-details-content{padding-top:10px;border-top:0}
/* Plan section controls sit beside the colored label. */
#plan-tree .mm-section-controls{position:relative;display:flex;align-items:center;gap:7px;min-width:0;justify-self:start}
html[data-iwa-layout] body[data-iwa-page="plan"] #plan-tree .mm-section-controls>.mm-add-idea{position:static;align-self:center;color:#a16225!important;flex:none}
#plan-tree .mm-group-heading{display:flex;align-items:center;gap:4px;max-width:100%;width:max-content}
#plan-tree .mm-group-heading .mm-label{min-width:0;padding-left:9px;padding-right:9px;font-size:15px}
html[data-iwa-layout] body #plan-tree .mm-remove-idea{display:grid;place-items:center;width:22px;height:30px;padding:0;flex:none;background:transparent!important;border:0;color:#8d4e47!important;font:400 23px/1 "Segoe UI",sans-serif}
/* Keep essay help beside the corresponding heading. */
body[data-iwa-page="essay"] .topic-heading-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
body[data-iwa-page="essay"] .topic-heading-line .body-guide-link{margin:0;flex:none}
html[data-iwa-layout] body[data-iwa-page="essay"] .stage-guide-link{font:600 13px/1.4 "Microsoft YaHei",sans-serif;padding:5px 8px;border:0;border-radius:5px;background:#fff2dc38!important;color:#fffbed!important;white-space:nowrap;flex:none}
body[data-iwa-page="essay"] #section-count{color:var(--essay-section-color)}
body[data-iwa-page="essay"] #detail{background:#f8efdc url('./home-assets/page-paper-fine.0f0e4b2fd730.webp') center/1000px auto;color:#573b27;border:1px solid #bda279;border-radius:12px 9px 14px 10px;box-shadow:0 20px 70px #62441c35}
body[data-iwa-page="essay"] #detail::backdrop{background:#4b36165c;backdrop-filter:blur(4px)}
body[data-iwa-page="essay"] #detail :is(.dialog-tag,.dialog-context,.guide-block h3){--tag:var(--essay-section-color);color:var(--essay-section-color)}
body[data-iwa-page="essay"] #detail .dialog-tag{background:transparent;color:var(--essay-section-color);border:0;border-radius:0;box-shadow:none;padding:0}
body[data-iwa-page="essay"] #detail .guide-block{border-color:#cfba9580}
body[data-iwa-page="essay"] #detail .original{background:#eadac366;border-left-color:var(--essay-section-color)}
body[data-iwa-page="essay"] #detail .example-translation{background:#e0d0b64d;border-color:#c6ab7f80;color:#573b27}
body[data-iwa-page="essay"] #detail :is(.pattern,.caution,.chain-demo,.method-card){background:#e0d0b64d;border-color:#c6ab7f80;color:#62472f}
body[data-iwa-page="essay"] #detail .method-card h4{color:var(--essay-section-color)}
body[data-iwa-page="essay"] #detail :is(.reference-location,.method-example){color:#8b7353}
/* Personal identity is a single enlarged avatar above the navigation. */
html[data-iwa-layout] body[data-iwa-page="personal"] .identity-card{background:none!important;border:0;border-radius:0;box-shadow:none;padding:8px 0 12px}
html[data-iwa-layout] body[data-iwa-page="personal"] .identity-card .avatar-large{width:132px;height:132px;margin:0 auto;background:#fff6e4;border:1px solid #c9ae87;box-shadow:none;color:#8b693e}
/* All dialog explanations use open paper instead of nested framed cards. */
body[data-iwa-page="essay"] #detail :is(.original,.example-translation,.pattern,.caution,.chain-demo,.method-card){background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
body[data-iwa-page="essay"] .recommend-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
body[data-iwa-page="essay"] .recommend-title strong{margin:0}
html[data-iwa-layout] body[data-iwa-page="essay"] .closing-help-button{background:#e2cba3!important;color:#79522d!important;border:1px solid #b79767!important;border-radius:6px;padding:6px 10px;font:600 13px/1.5 "Microsoft YaHei",sans-serif;text-decoration:none;white-space:nowrap}
html[data-iwa-layout] body[data-iwa-page="essay"] .closing-help-button:hover{background:#d8bc8c!important}
/* Collection actions remain visible at the top of each folded card. */
.collection-card-actions,.collection-card-actions-left{display:flex;align-items:center;gap:8px}
.collection-card-actions{justify-content:space-between;margin:-3px -4px 10px}
html[data-iwa-layout] body[data-iwa-page="collection"] .collection-card-actions :is(a,button){display:inline-grid;place-items:center;width:32px;height:32px;min-height:32px;padding:5px;background:transparent!important;background-image:none!important;border:0!important;border-radius:0;box-shadow:none;color:#a16225!important;text-decoration:none}
.collection-card-actions :is(a,button) svg{width:22px;height:22px}
html[data-iwa-layout] body[data-iwa-page="collection"] .collection-card-actions :is(a,button):hover{color:#8d4e47!important}
html[data-iwa-layout] body[data-iwa-page="collection"] .collection-card-actions a:focus-visible{outline:0;filter:drop-shadow(0 0 3px #d3a05b)}
html[data-iwa-layout] body[data-iwa-page="collection"] .collection-card-actions button[aria-pressed="true"]{color:#8d4e47!important}
html[data-iwa-layout] body[data-iwa-page="collection"] .collection-empty a,
html[data-iwa-layout] body[data-iwa-page="collection"] .collection-empty a:visited{color:#a16225}
html[data-iwa-layout] body[data-iwa-page="collection"] .collection-empty a:hover{color:#8d4e47}
/* Enabled technique filters use the requested category colors. */
html[data-iwa-layout] body[data-iwa-page="reader"] #sheet .writing-filter[aria-pressed="true"][data-writing-type="cohesion"]{background:#968c4d!important;border-color:#968c4d!important;color:#fffbed!important}
html[data-iwa-layout] body[data-iwa-page="reader"] #sheet .writing-filter[aria-pressed="true"][data-writing-type="hedging"]{background:#8b9ea5!important;border-color:#8b9ea5!important;color:#fffbed!important}
html[data-iwa-layout] body[data-iwa-page="reader"] #sheet .writing-filter[aria-pressed="true"][data-writing-type="academic"]{background:#af644c!important;border-color:#af644c!important;color:#fffbed!important}
html[data-iwa-layout] body[data-iwa-page="reader"] #sheet .writing-filter[aria-pressed="true"][data-writing-type="topic"]{background:#F1C166!important;border-color:#F1C166!important;color:#573b27!important}
body[data-iwa-page="reader"] #sheet .writing-filter[aria-pressed="true"] strong{color:inherit}
body[data-iwa-page="personal"] .section-nav a:is(:hover,:focus-visible){background:#eadbc1;color:#79522d;box-shadow:inset 0 0 0 1px #c6ab7f88}