@charset "UTF-8";
:root{--ink:#173525;--muted:#61756a;--line:#cfdccf;--paper:#fbfdf9;--mist:#edf4eb;--accent:#285c3d;--accent-soft:#dce9dc;--warm:#f3eee4;--shadow:0 20px 60px rgba(28,64,43,.10);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f4f8f2;line-height:1.65}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% 8%,rgba(179,204,180,.28),transparent 30rem),linear-gradient(180deg,#f7faf5,#eef5ec);color:var(--ink)}a{color:inherit}.skip-link{position:absolute;left:-9999px;top:1rem}.skip-link:focus{left:1rem;z-index:100;background:#fff;padding:.7rem 1rem;border-radius:.7rem}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(101,132,111,.22);background:rgba(249,252,247,.92);backdrop-filter:blur(16px)}.site-header__inner{max-width:1220px;margin:auto;min-height:68px;padding:0 24px;display:flex;align-items:center;gap:28px}.brand{font-family:Georgia,serif;font-size:1.25rem;text-decoration:none;display:flex;align-items:center;gap:9px}.brand__mark{color:#4f7f5f;font-size:1.4rem}.main-nav{display:flex;align-items:center;gap:19px;flex:1}.main-nav a,.language-link{font-size:.9rem;text-decoration:none;color:#466052}.main-nav a:hover,.language-link:hover{color:#173525;text-decoration:underline;text-underline-offset:5px}.page-shell{max-width:1160px;margin:auto;padding:28px 24px 80px}.breadcrumbs{font-size:.84rem;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap;margin:0 0 20px}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.hero,.content-section,.cta{background:rgba(253,254,251,.90);border:1px solid rgba(113,143,120,.24);border-radius:28px;box-shadow:var(--shadow)}.hero{padding:clamp(32px,6vw,66px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:45px;align-items:center;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(93,128,102,.17);border-radius:50%;right:-120px;bottom:-180px}.hero h1{font:700 clamp(2.5rem,6vw,5rem)/.98 Georgia,serif;letter-spacing:-.035em;margin:.25rem 0 1.25rem;max-width:830px}.hero--compact h1,.hero--hexagram h1{font-size:clamp(2.35rem,5vw,4.4rem)}.hero .lead{font-size:clamp(1.05rem,2vw,1.32rem);max-width:790px;color:#405d4d;margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800;color:#3d7250}.hero-symbol,.hero-hexagram{width:190px;height:190px;border:1px solid #aac0ad;border-radius:50%;display:grid;place-items:center;font:4.5rem Georgia,serif;background:rgba(239,245,236,.75);position:relative;z-index:1}.hero-symbol small{position:absolute;right:34px;bottom:29px;font:700 .8rem Inter,sans-serif;background:#fff;border-radius:99px;padding:.25rem .45rem}.hero-hexagram{display:flex;flex-direction:column;gap:8px;font-size:2rem}.hero-hexagram>span:last-child{font-size:1.7rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;border-radius:14px;padding:0 20px;background:var(--accent);color:white;text-decoration:none;font-weight:750;border:1px solid var(--accent)}.button:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(34,91,58,.18)}.button--secondary{background:#f7faf5;color:var(--ink);border-color:#adc2b0}.content-section{padding:clamp(28px,5vw,48px);margin-top:24px}.content-section h2{font:700 clamp(1.65rem,3vw,2.45rem)/1.15 Georgia,serif;margin:0 0 18px}.content-section h3{font:700 1.18rem/1.25 Georgia,serif;margin:0 0 8px}.content-section p{color:#425d4e}.intro-copy{font-size:1.12rem;max-width:920px;margin:0 auto 30px}.steps,.topic-grid,.context-grid,.position-grid,.legend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.steps article,.topic-grid article,.context-grid article,.position-grid article,.legend-grid article{padding:22px;border:1px solid var(--line);border-radius:18px;background:#f9fcf7}.steps b,.position-grid b,.legend-grid b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:#285b3c;margin-bottom:13px}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.quote,.trigram-card{margin:0;padding:25px;border-radius:20px;background:linear-gradient(145deg,#e7f0e4,#f6f8f1);border:1px solid #c7d7c7}.quote p{font:1.25rem/1.55 Georgia,serif;margin:0;color:#244a33}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-heading h2{margin-bottom:0}.hex-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.hex-card,.catalog-card{display:block;border:1px solid var(--line);border-radius:18px;padding:20px;background:#fbfdf9;text-decoration:none;transition:.18s ease}.hex-card:hover,.catalog-card:hover{transform:translateY(-3px);border-color:#759b7f;box-shadow:0 14px 32px rgba(29,72,44,.10)}.hex-card h3,.catalog-card h2{font:700 1.2rem Georgia,serif;margin:7px 0}.hex-card p,.catalog-card p{font-size:.9rem}.hex-card>span:last-child{color:#2b6641;font-size:.88rem;font-weight:700}.hex-card__number,.catalog-card__number{display:block;color:#678171;font-size:.76rem;font-weight:800;letter-spacing:.08em}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.catalog-card>div:first-child{display:flex;justify-content:space-between;align-items:start}.catalog-card__symbol{font:2rem Georgia,serif}.catalog-card .pinyin{margin:0;color:#668071;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.catalog-card .keywords{font-size:.78rem;color:#47705a}.hexagram-mark{width:50px;display:flex;flex-direction:column;gap:4px}.hex-line{height:5px;display:flex;gap:6px}.hex-line i{display:block;background:#254d34;border-radius:2px;height:100%;flex:1}.coin-symbols,.change-symbol,.question-symbol{display:flex;align-items:center;justify-content:center;gap:8px;width:190px;height:190px;border:1px solid #aac0ad;border-radius:50%;background:#eef5eb;color:#28593b;font:2.7rem Georgia,serif}.coin-symbols span:nth-child(2){transform:translateY(-15px)}.change-symbol span{font:1.2rem Inter,sans-serif}.question-symbol{font-size:5rem}.legend-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.numbered{counter-reset:item;list-style:none;padding:0;margin:0;display:grid;gap:12px}.numbered li{counter-increment:item;padding:18px 20px 18px 62px;border:1px solid var(--line);border-radius:16px;position:relative;background:#fafcf8}.numbered li:before{content:counter(item);position:absolute;left:18px;top:16px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);font-weight:800}.callout{padding:20px 22px;border-left:4px solid #4b7d59;background:#eef5eb;border-radius:0 16px 16px 0;color:#385544}.position-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.formula{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px 0}.formula span{padding:14px 18px;border-radius:14px;background:#e5eee2;font-weight:700}.formula b{color:#64806d}.example-list{display:grid;gap:12px}.example-list article{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;padding:16px 20px;border:1px solid var(--line);border-radius:16px;background:#fafcf8}.example-list span{font-weight:800;color:#356648}.example-list p{margin:0;font:1.08rem Georgia,serif}.keywords-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.keywords-row span{background:#e3ede0;border:1px solid #c7d9c7;border-radius:999px;padding:5px 10px;font-size:.8rem}.meaning-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.meaning-layout h2:not(:first-child){margin-top:30px}.trigram-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trigram-card dl div{padding:13px;background:rgba(255,255,255,.65);border-radius:12px}.trigram-card dt{font-size:.72rem;color:#667b6d}.trigram-card dd{margin:3px 0 0;font-weight:800}.context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.context-grid .shadow{background:#f5f0e5;border-color:#e0d3b9}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.related-grid a{display:flex;flex-direction:column;padding:16px;border:1px solid var(--line);border-radius:14px;text-decoration:none;background:#fafcf8}.related-grid a:hover{border-color:#709879}.related-grid span{color:#547161}.related-grid small{color:#698071;margin-top:4px}.previous-next{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.previous-next a{display:flex;flex-direction:column;padding:16px;border:1px solid var(--line);border-radius:14px;text-decoration:none}.previous-next a:last-child{text-align:right}.previous-next small{color:#718478}.faq details{border-top:1px solid var(--line);padding:15px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:750}.faq p{margin-bottom:3px}.cta{margin-top:24px;padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(125deg,#dfeade,#f7faf4)}.cta h2{font:700 2rem Georgia,serif;margin:0 0 5px}.cta p{margin:0;max-width:760px;color:#4c6657}.site-footer{border-top:1px solid rgba(101,132,111,.22);background:#eef4eb}.site-footer div{max-width:1160px;margin:auto;padding:30px 24px;display:flex;gap:16px;align-items:center;color:#64786b;font-size:.88rem}.site-footer a{font:700 1rem Georgia,serif;color:#244d33;text-decoration:none}@media(max-width:920px){.main-nav{display:none}.site-header__inner{justify-content:space-between}.hero{grid-template-columns:1fr}.hero-symbol,.hero-hexagram,.coin-symbols,.change-symbol,.question-symbol{width:140px;height:140px}.hex-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps,.position-grid{grid-template-columns:1fr}.legend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.meaning-layout{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:590px){.page-shell{padding:18px 14px 55px}.site-header__inner{padding:0 15px}.hero,.content-section{border-radius:21px;padding:25px}.hero h1{font-size:2.65rem}.hero-symbol,.hero-hexagram,.coin-symbols,.change-symbol,.question-symbol{display:none}.hex-grid,.catalog-grid,.topic-grid,.context-grid,.legend-grid,.related-grid,.previous-next{grid-template-columns:1fr}.section-heading,.cta{align-items:flex-start;flex-direction:column}.example-list article{grid-template-columns:1fr;gap:4px}.site-footer div{align-items:flex-start;flex-direction:column}.language-link{margin-left:auto}}