:root{--paper:#f8f8f4;--white:#fff;--ink:#242e30;--muted:#5e6b6d;--blue:#315a67;--line:#d8deda;--wash:#eef1ed;--serif:"Iowan Old Style","Palatino Linotype","Songti SC",Georgia,serif;--sans:"Avenir Next","Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.7}button,input,textarea,select{font:inherit}a{color:var(--blue);text-underline-offset:.22em}button,.button{max-width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:44px;min-height:48px;padding:.72rem 1.2rem;border:1px solid var(--blue);border-radius:5px;background:var(--blue);color:#fff;line-height:1.4;text-decoration:none;cursor:pointer}button:hover,.button:hover{background:#264955}.secondary{background:transparent;color:var(--blue);border-color:#a7b6b9}.secondary:hover{background:#e5ecea}button:disabled{opacity:.55;cursor:default}:focus-visible{outline:3px solid #8c7235;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{overflow-wrap:anywhere}h1{font:400 clamp(2rem,4.5vw,3.8rem)/1.13 var(--serif);letter-spacing:-.03em;margin-bottom:1.1rem}h2{font:400 clamp(1.65rem,3vw,2.25rem)/1.23 var(--serif);margin-bottom:1rem}h3{font:500 1.12rem/1.4 var(--sans);margin-bottom:.65rem}p,li{overflow-wrap:anywhere}small,.small{font-size:.875rem;line-height:1.6;color:var(--muted)}header{flex-wrap:wrap;max-width:1168px;margin:auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font:500 1.3rem var(--serif);min-height:48px}.brand small{display:block;margin-top:5px;font:400 .72rem var(--sans)}.seal{display:grid;place-items:center;width:42px;height:46px;background:var(--blue);border-radius:3px;color:var(--paper);font:1.7rem var(--serif)}nav{display:flex;flex-wrap:wrap;gap:4px 20px;font-size:.88rem}nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none}.draft-mark{text-align:center;font-size:.8rem;padding:6px 16px;border-block:1px solid #e1e2d5;background:#f0f1e7;color:#626549}.sandbox-mark{max-width:1090px;margin:14px auto 0;padding:8px 16px;border-left:3px solid #9b895a;font-size:.85rem;color:#5c5338}.skip{position:absolute;top:-100px;left:15px;background:white;padding:12px;z-index:5}.skip:focus{top:10px}main{max-width:1090px;margin:auto;padding:44px 32px 75px;min-height:60vh}.reading-main{max-width:890px}.reading-column{max-width:720px;margin:auto}footer{border-top:1px solid var(--line);padding:28px 24px;text-align:center;font-size:.82rem;color:var(--muted)}footer a{display:inline-flex;align-items:center;min-height:44px;margin:0 12px}label{display:block;margin-bottom:8px;font-weight:500}input:not([type=checkbox]),textarea{display:block;width:100%;max-width:100%;min-height:48px;padding:12px;border:1px solid #bdc8c7;border-radius:4px;background:white;color:var(--ink)}textarea{resize:vertical}input[type=checkbox]{min-width:20px;min-height:20px;accent-color:var(--blue)}.checkbox-row{display:flex;align-items:center;gap:12px;min-height:44px}.checkbox-row label{margin:0}details{margin:12px 0}summary{display:list-item;cursor:pointer;min-height:44px;padding:10px 0;color:var(--blue);line-height:1.5}summary:hover{text-decoration:underline}.disclosure-body{padding:8px 0 10px 18px;border-left:2px solid var(--line)}.disclosure-body p:last-child{margin-bottom:0}.lead{font-size:1.12rem;color:var(--muted);max-width:38em}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.actions a:not(.button){display:inline-flex;align-items:center;min-height:44px}.section-gap{margin-top:42px}.home-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;padding:20px 0 45px}.home-grid h1{max-width:12em}.home-example{padding:28px;border:1px solid var(--line);border-radius:7px;background:#f1f3ef}.home-example h2{font-size:1.7rem}.home-example .route{font-size:1rem;margin-top:20px}.home-example p{font-size:.94rem}.home-grid form{margin-top:22px}.home-grid textarea{min-height:90px}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid var(--line);padding-top:28px}.principles h2{font-size:1.4rem}.principles p{font-size:.95rem;color:var(--muted)}.casting-grid{display:grid;grid-template-columns:1fr .9fr;gap:44px}.cast-workspace{background:white;border:1px solid var(--line);border-radius:6px;padding:26px}.cast-progress{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.coins{display:flex;justify-content:center;gap:16px;padding:35px 0}.coins span{display:grid;place-items:center;min-width:65px;min-height:65px;border-radius:50%;border:1px solid #a7b9b3;background:#edf1ed;box-shadow:inset 0 0 0 4px white;font-size:.78rem}.live-lines{display:flex;flex-direction:column-reverse;gap:5px}.live-lines>div{display:grid;grid-template-columns:22px 1fr;column-gap:12px;padding:8px 0;border-bottom:1px solid var(--line);min-height:52px}.live-lines small{grid-column:2}.empty-line{color:var(--muted)}.cast-record{padding:24px 0}.mini-stroke{font:1.2rem/1.2 monospace;letter-spacing:2px}.manual-entry{margin-top:22px}.manual-entry input{margin:10px 0}.reading-top{margin-bottom:22px}.reading-top h1{font-size:clamp(2rem,4.4vw,3.1rem);margin-bottom:8px}.route{color:var(--blue);margin-bottom:10px}.identity{display:flex;align-items:center;gap:28px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:0 0 22px;margin-bottom:20px}.identity p{margin:0}.figure-pair{display:flex;gap:20px}.figure{margin:0;min-width:100px;max-width:140px}.figure figcaption{overflow-wrap:anywhere;font-size:.75rem;color:var(--muted);margin-top:8px}.hexagram{display:flex;flex-direction:column;gap:5px;width:105px}.hex-line{display:flex;align-items:center;gap:5px;height:7px}.line-number{width:8px;font-size:.58rem;color:var(--muted)}.stroke{flex:1;display:flex;gap:9px;height:6px}.stroke i{display:block;background:var(--ink);flex:1}.line-mark{width:10px;font-size:.72rem;line-height:1;color:var(--blue)}.changing .stroke i{background:var(--blue)}.identity-copy{flex:1;min-width:170px;font-size:.9rem;color:var(--muted)}.identity-copy details{margin:3px 0}.identity-copy summary{font-size:.84rem}.orientation{font-size:.97rem;color:var(--muted);margin-bottom:30px}.passage{padding:0 0 23px;margin:0 0 24px;border-bottom:1px solid var(--line)}.passage-heading{display:flex;flex-wrap:wrap;gap:5px 12px;align-items:baseline;margin-bottom:10px}.passage-heading h3{margin:0}.layer{font-size:.76rem;color:var(--muted)}.translation{font-size:1.17rem;line-height:1.8;margin-bottom:12px}.original{font-family:var(--serif);font-size:1.32rem;line-height:1.85;letter-spacing:.015em}.passage details{margin:3px 0}.passage details p{font-size:.97rem}.passage details .original{font-size:1.25rem}.note{font-size:.95rem;color:var(--muted)}:is(.offer,.guided-edition-card){padding:28px;margin:32px 0 42px;border:1px solid #b9cbc8;background:#eaf0ee;border-radius:6px}:is(.offer,.guided-edition-card) h2{margin-bottom:10px}:is(.offer,.guided-edition-card) .route{font-weight:500}.preview-excerpt{padding:16px 0;margin:12px 0;border-block:1px solid #c9d6d2}.preview-excerpt h3{font-size:1rem}.preview-excerpt p{margin:0}:is(.offer,.guided-edition-card) ul{padding-left:22px}.price{font-weight:600;font-size:1.03rem;margin-bottom:8px}:is(.offer,.guided-edition-card) .small{margin-top:12px}:is(.offer,.guided-edition-card) #paypal-buttons{max-width:420px;margin-top:20px}:is(.offer,.guided-edition-card) .not-prediction{font-size:.85rem;margin:10px 0 0}.payment-state{padding:20px;background:#eef1ed;border-left:3px solid var(--blue);margin:24px 0}.payment-state p:last-child{margin-bottom:0}.reference{margin-top:40px;border-top:1px solid var(--line);padding-top:18px}.reference>summary{font:400 1.65rem/1.4 var(--serif)}.reference section{margin-top:28px}.reference .passage{margin-bottom:18px}.term-list{display:grid;grid-template-columns:1fr;gap:0}.term{padding:12px 0;border-bottom:1px solid var(--line)}.term h3{font-size:.98rem}.term p{font-size:.93rem;margin-bottom:5px}.background-section{padding:22px 0}.source-list{padding-left:22px;font-size:.85rem;color:var(--muted)}.source-list li{margin:10px 0}.source-list p{margin:3px 0}.guided-opening{margin:20px 0 30px;padding:24px 0;border-block:1px solid var(--line)}.guided-opening ul{padding-left:22px;margin:0}.guided-opening li{margin-bottom:10px}.analysis-section{padding:8px 0 25px;margin:0 0 22px;border-bottom:1px solid var(--line)}.analysis-section p{font-size:1.06rem;line-height:1.85}.analysis-section h2{font-size:1.85rem}.analysis-section .layer{display:block;margin-bottom:10px}.reflection-list{padding-left:24px}.reflection-list li{padding:7px 0}.private-notes{margin-top:32px}.private-notes textarea{min-height:130px}.private-notes .small{margin-top:10px}.print-options{padding:18px 0;margin:20px 0;border-block:1px solid var(--line)}.print-options summary{font-size:.9rem}.print-options a{display:inline-flex;min-height:44px;align-items:center;margin-right:18px}.export-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;margin-bottom:24px;border-bottom:1px solid var(--line)}.export-toolbar p{flex-basis:100%;margin:0;font-size:.85rem;color:var(--muted)}.export-mark{font-size:.85rem;color:var(--muted);margin:22px 0}.recovery-output{padding:18px;border:1px solid var(--line);margin-top:20px}.recovery-output code{overflow-wrap:anywhere;font-size:.92rem}.recovery-form{max-width:560px;margin:26px 0}.recovery-form button{margin-top:18px}.hex-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 22px}.hex-grid a{display:flex;gap:15px;align-items:center;min-height:80px;padding:12px 3px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.hex-grid a>span:last-child{min-width:0;overflow-wrap:anywhere}.hex-grid small{display:block}.hex-symbol{font-size:2rem}.prose{max-width:700px;margin:auto}.message{white-space:pre-wrap;margin:18px 0;padding:14px 16px;border-left:3px solid var(--blue);background:var(--wash);overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.passage-note{padding:10px 0 0;margin-bottom:16px}.guided-teasers{list-style:none;padding:0!important;margin:20px 0 26px;border-block:1px solid #c9d6d2}.guided-teasers li{padding:18px 0}.guided-teasers li+li{border-top:1px solid #c9d6d2}.guided-teasers h3{margin-bottom:7px}.guided-teasers p{font-size:.95rem;margin:0}.offer-benefits{margin-bottom:24px}.offer-benefits li{margin:5px 0}.purchase-terms{font-size:.86rem;color:var(--muted);margin:10px 0}.free-complete{padding:15px 0;color:var(--muted);border-block:1px solid var(--line)}.guide-support{margin-top:35px}.guide-support>h2{font-size:1.45rem;color:var(--muted)}.guided-title{margin-bottom:18px}.guided-title h1{font-size:clamp(1.85rem,4vw,2.55rem)}.source-list a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:760px){header{padding:18px 22px;align-items:flex-start;gap:14px}nav{gap:0 10px;justify-content:flex-end;max-width:45%;font-size:.8rem}.brand small{max-width:110px;font-size:.66rem}.brand{gap:8px;font-size:1.1rem}.seal{width:34px;height:39px}main{padding:30px 22px 55px}.home-grid{grid-template-columns:1fr;gap:30px;padding-top:4px}.home-grid h1{font-size:2.6rem}.home-example{padding:24px}.principles{grid-template-columns:1fr;gap:15px}.casting-grid{grid-template-columns:1fr;gap:10px}.cast-workspace{padding:20px}.cast-record{padding:10px 0}.identity{gap:16px}.identity-copy{font-size:.84rem;min-width:135px}.figure-pair{gap:12px}.figure{min-width:83px}.hexagram{width:87px}:is(.offer,.guided-edition-card){padding:22px}.hex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.translation{font-size:1.1rem}.source-list{padding-left:18px}.sandbox-mark{margin:10px 22px 0}}
@media(max-width:390px){header{padding-inline:16px}main{padding-inline:16px}.brand small{display:none}.identity{align-items:flex-start}.identity-copy{flex-basis:100%}.figure-pair{gap:28px}.figure{min-width:95px}.hexagram{width:98px}.reading-top h1{font-size:2rem}.home-grid h1{font-size:2.35rem}:is(.offer,.guided-edition-card){padding:18px}.coins{gap:10px}.coins span{min-width:60px;min-height:60px}.hex-grid{gap:4px 12px}.hex-grid a{gap:8px}.hex-symbol{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{@page{size:A4;margin:17mm 17mm 20mm;@bottom-left{content:"Editorial draft — not for sale";font:8pt Arial;color:#242e30}@bottom-right{content:counter(page);font:8pt Arial}}html{font-size:12px}body{background:white;color:black;font:10.5pt/1.55 "PingFang SC","Songti SC",Arial,sans-serif}header,footer,.sandbox-mark,.draft-mark,.export-toolbar,.print-options,.private-notes,.recovery-output,.actions,.skip,.message,#paypal-buttons{display:none!important}main,.reading-column{padding:0;max-width:none;margin:0}.reading-top h1{font:400 23pt/1.2 "PingFang SC","Songti SC",Arial,sans-serif;margin:0 0 6pt}h2{font:400 16pt/1.25 "PingFang SC","Songti SC",Arial,sans-serif}h3{font:500 11pt/1.4 "PingFang SC","Songti SC",Arial,sans-serif}h1,h2,h3{break-after:avoid}p,li{orphans:3;widows:3}.identity{padding:8pt 0 12pt;margin-bottom:14pt;break-inside:avoid;gap:20pt}.identity-copy{min-width:0;flex:1;font-size:9pt}.figure-pair{gap:20pt}.figure{min-width:70pt;max-width:90pt}.hexagram{width:76pt;gap:4pt}.stroke i{background:black!important;print-color-adjust:exact}.hex-line{height:5pt}.stroke{height:4pt}.line-mark{color:black}.figure figcaption{overflow-wrap:anywhere;font-size:8pt}.route{font-size:10pt;margin:0 0 5pt;color:black}.orientation{font-size:9pt;margin-bottom:14pt}.passage{padding-bottom:11pt;margin-bottom:13pt}.translation,.analysis-section p{font-size:10.5pt;line-height:1.55}.original,.passage .original{font:12pt/1.7 "PingFang SC","Songti SC",Arial,sans-serif;letter-spacing:0;margin:6pt 0}.passage-heading{margin-bottom:5pt}.passage-heading .layer,.layer{font-size:8pt;color:#333}.note{font-size:9pt;color:#333}.analysis-section{padding:0 0 10pt;margin-bottom:12pt;break-inside:auto}.analysis-section h2{font-size:16pt}.guided-opening{padding:12pt 0;margin:12pt 0 18pt;break-inside:avoid}.guided-opening li{margin-bottom:5pt}.reference{margin-top:18pt;padding-top:12pt}.source-list{font-size:8pt;line-height:1.45}.source-list li{break-inside:avoid;margin:6pt 0}.term{break-inside:avoid;padding:7pt 0}.term p{font-size:9pt}.background-section{padding:10pt 0}.reflection-list li{font-size:10pt;padding:4pt 0}.export-mark{font-size:8pt;color:#333}.export-section{break-inside:auto}.export-section-lead{break-inside:avoid}.export-section-empty{break-after:avoid}.export-section#sources{break-inside:avoid}.export-block-label{break-after:avoid}.export-section-title{margin-top:14pt}.print-chinese-label{font-size:8pt;color:#333}:is(.offer,.guided-edition-card){display:none!important}a{color:black;text-decoration:none}details{display:block}summary{display:none}.disclosure-body{padding:0;border:0}}