:root{--paper:#faf8f1;--ink:#343c32;--muted:#6f7467;--green:#4c654b;--line:#dcded0;--soft:#edf0e4;--serif:"Songti SC","Noto Serif CJK SC","SimSun",serif;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:24px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #758b59;outline-offset:5px}button:active,.primary:active{transform:translateY(1px)}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;background:white;z-index:10;padding:12px}.skip:focus{top:10px}.masthead{max-width:1280px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font:20px Georgia,serif;white-space:nowrap}.brand img{object-fit:contain}.brand small{display:block;font:9px/2.3 system-ui;letter-spacing:2.1px;color:var(--muted)}nav{display:flex;gap:28px;font-size:13px}nav a:hover,.text-link:hover{color:var(--green);text-decoration:underline;text-underline-offset:6px}main{max-width:1280px;margin:auto;padding:0 40px}.hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:center;padding:58px 0 52px;border-bottom:1px solid var(--line)}.eyebrow{font-size:11px;letter-spacing:1.7px;color:var(--green);margin:0 0 20px;font-weight:550;line-height:1.6}h1,h2,h3,p,figure{margin:0}h1{font:500 clamp(34px,3.3vw,48px)/1.45 var(--serif);letter-spacing:.035em}h2{font:500 29px/1.45 var(--serif);letter-spacing:.02em}h3{font:500 22px/1.5 var(--serif)}.intro{color:var(--muted);font-size:15px;line-height:2;margin:24px 0}.primary{display:inline-flex;gap:24px;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--green);border:1px solid var(--green);color:#fff;border-radius:4px;font-size:14px;transition:background .18s,transform .18s;white-space:nowrap}.primary:hover{background:#3d543c}.primary span{font-size:18px}.text-link{display:block;font-size:13px;margin-top:20px}.hero-foot{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:11px;margin-top:38px;flex-wrap:wrap}.hero-foot i{width:3px;height:3px;background:#a3ac96;border-radius:50%}.hero figure{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.hero figure img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.hero figcaption{font:14px var(--serif);display:flex;justify-content:space-between;gap:12px;margin:14px 0 0 22px;color:var(--muted)}.hero figcaption span{font:9px/1.6 system-ui;letter-spacing:1.4px}.section{padding:48px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:9px}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.8}.chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.chapter{padding:12px 28px 8px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.chapter:first-child{padding-left:0}.chapter:last-child{padding-right:0;border:0}.chapter-top{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);letter-spacing:1px}.number{font:italic 28px Georgia,serif;color:#8d977e}.chapter h3{font-size:21px}.english{font:italic 13px Georgia,serif;color:var(--muted);margin:6px 0 17px}.chapter>p:not(.english){color:var(--muted);font-size:13px;line-height:1.9;max-width:32em}.chapter ul{padding-left:18px;margin:18px 0 24px;color:#596152;font-size:12px;line-height:2}.chapter-link{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--green);margin-top:auto}.chapter-link:hover{text-decoration:underline;text-underline-offset:5px}.ink-bottles,.colour-chips,.colour-family{height:80px;display:flex;align-items:center;gap:9px;margin:10px 0}.ink-bottles i{display:block;width:29px;height:35px;border-radius:4px 4px 8px 8px;background:#8dbbc5;position:relative}.ink-bottles i:before{content:"";position:absolute;background:#72745d;width:19px;height:6px;top:-6px;left:5px;border-radius:2px}.ink-bottles i:nth-child(2){background:#ce8da1}.ink-bottles i:nth-child(3){background:#dfc870}.ink-bottles i:nth-child(4){background:#555950}.colour-chips i{display:block;width:31px;height:42px;background:#dce4b5;border:3px solid #fffdfa;box-shadow:0 1px 2px #0001;transform:rotate(-9deg)}.colour-chips i:nth-child(2){background:#a7b785;transform:rotate(-3deg)}.colour-chips i:nth-child(3){background:#768f78;transform:rotate(3deg)}.colour-chips i:nth-child(4){background:#d2b4a2;transform:rotate(9deg)}.colour-chips i:nth-child(5){background:#929ab7}.colour-family i{display:block;width:28px;height:28px;border-radius:50%;background:#e5e9d8}.colour-family i:nth-child(2){background:#c8d1b0}.colour-family i:nth-child(3){background:#a7b98c}.colour-family i:nth-child(4){background:#7b936b}.colour-family i:nth-child(5){background:#4f6144}.practice{display:flex;gap:24px;align-items:center;background:var(--soft);padding:28px 32px;margin-top:38px;border-radius:4px}.practice-copy{flex:1}.practice .eyebrow{margin-bottom:7px;font-size:10px}.practice h3{font-size:23px}.practice p:not(.eyebrow){font-size:13px;line-height:1.8;margin-top:8px;color:var(--muted)}.practice small{display:block;font-size:11px;line-height:1.8;margin-top:5px;color:var(--muted)}.search-row{display:flex;align-items:center;gap:16px;margin-top:32px}.search-label{font-size:13px}.search-box{display:flex;align-items:center;max-width:460px;width:100%;background:#fffdfa;border:1px solid #bec8af;border-radius:4px;padding:0 14px;gap:12px;min-width:0}.search-box>span{font:25px Georgia,serif;color:#758568}.search-box input{border:0;background:transparent;color:var(--ink);font-size:14px;min-width:0;width:100%;padding:13px 0;outline-offset:0}.search-box button{border:0;background:transparent;color:var(--green);font-size:12px;white-space:nowrap;padding:8px}#result-count{font-size:12px;color:var(--muted);margin-left:auto;white-space:nowrap}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.filters button{font-size:12px;line-height:1.5;padding:7px 13px;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:3px;transition:background .18s,color .18s}.filters button[aria-pressed="true"]{background:var(--green);color:white;border-color:var(--green)}.filters button:hover:not([aria-pressed="true"]){background:var(--soft)}.topics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}.topic{display:block;padding:23px 0;border-top:1px solid var(--line);transition:background .18s}.topic:hover{background:#edf0e477}.topic-type{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}.topic h3{font:500 15px/1.6 system-ui;display:flex;align-items:center;justify-content:space-between;gap:12px}.topic h3 span{font:18px Georgia;color:#8d9d80}.topic p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:7px}.empty{text-align:center;padding:40px 0;color:var(--muted);font-size:14px;line-height:2}.empty button{padding:10px 16px;margin-top:14px;border:1px solid var(--green);color:var(--green);background:transparent;border-radius:4px}.archive{display:grid;grid-template-columns:1fr 1.4fr;gap:60px}.archive .eyebrow{margin-bottom:10px}.archive>div>p:last-child{font-size:13px;line-height:1.9;color:var(--muted);margin-top:17px}.archive-list>a{display:block;padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.archive-list strong{font-size:14px;font-weight:500;display:flex;justify-content:space-between;gap:12px}.archive-list small{display:block;font-size:12px;color:var(--muted);line-height:1.8;margin-top:8px}summary{cursor:pointer;font-size:13px}details p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:12px}details>a{font-size:12px;text-decoration:underline;display:inline-block;margin-top:12px}footer{max-width:1280px;margin:auto;padding:25px 40px;display:flex;justify-content:space-between;gap:16px;font-size:11px;line-height:1.8;color:var(--muted)}.hero-copy{animation:arrive .45s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.masthead,main{padding-left:26px;padding-right:26px}.hero{grid-template-columns:1fr 1fr}.hero figcaption span{display:none}.hero-foot{gap:8px;font-size:10px}.chapter{padding-left:20px;padding-right:20px}.chapter h3{font-size:18px}.practice-mark{display:none}.topics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:start;flex-direction:column;gap:12px}nav{gap:18px}}@media(max-width:700px){.masthead{padding:18px 20px;flex-wrap:wrap;gap:16px}.brand{font-size:18px}nav{width:100%;justify-content:space-between;gap:12px;font-size:12px}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:26px;padding:36px 0}.hero-copy h1{font-size:36px}.hero .eyebrow{margin-bottom:15px}.intro{margin:18px 0;font-size:14px}.hero-foot{margin-top:24px;font-size:11px}.hero figure{max-width:520px;margin:auto}.hero figcaption{margin-left:0;font-size:12px}.hero figcaption span{display:block;font-size:8px}.section{padding:34px 0}h2{font-size:25px}.chapters{grid-template-columns:1fr}.chapter,.chapter:first-child,.chapter:last-child{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.chapter:last-child{border-bottom:0}.chapter h3{font-size:22px}.chapter-top{gap:16px}.ink-bottles,.colour-chips,.colour-family{height:52px;margin:12px 0}.chapter ul{margin:12px 0 18px}.chapter>p:not(.english){max-width:none}.practice{flex-direction:column;align-items:stretch;padding:24px;margin-top:12px;gap:20px}.practice h3{font-size:22px}.practice .primary{align-self:start}.search-row{flex-wrap:wrap;gap:10px}.search-label{width:100%}.search-box{max-width:none}#result-count{margin:3px 0}.topics-grid{grid-template-columns:1fr}.topic{padding:20px 0}.filters{gap:7px}.filters button{padding:7px 10px}.archive{grid-template-columns:1fr;gap:28px}footer{padding:24px 20px;flex-wrap:wrap;font-size:10px}footer span:last-child{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}