@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Crimson+Pro:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Noto+Serif+SC:wght@400;500;600&display=swap";:root{--paper:#f7f3eb;--paper-dark:#ebe5d8;--ink:#1a1a18;--ink-light:#3d3d38;--ink-faded:#6b6b63;--vermillion:#c23b22;--vermillion-dark:#9e2f1a;--gold:#c9a227;--gold-muted:#b89b3e;--jade:#4a7c59;--yang-line:var(--ink);--yin-break:var(--paper);--font-display:"Cormorant Garamond", "Noto Serif SC", serif;--font-body:"Crimson Pro", "Noto Serif SC", Georgia, serif;--font-mono:"SF Mono", "Monaco", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--space-2xl:6rem;--max-width:1200px;--content-width:720px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:18px}body{font-family:var(--font-body);color:var(--ink);background-color:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-weight:300;line-height:1.7}body:before{content:"";pointer-events:none;opacity:.03;z-index:1000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.01em;font-weight:500;line-height:1.2}h1{font-size:3rem;font-weight:400}h2{margin-bottom:var(--space-md);font-size:2rem}h3{margin-bottom:var(--space-sm);font-size:1.5rem}p{margin-bottom:var(--space-md)}p:last-child{margin-bottom:0}a{color:var(--vermillion);text-decoration:none;transition:color .2s}a:hover{color:var(--vermillion-dark)}.container{max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.content-narrow{max-width:var(--content-width);margin:0 auto}.site-header{padding:var(--space-md) 0;border-bottom:1px solid var(--paper-dark);margin-bottom:var(--space-lg)}.site-header .container{justify-content:space-between;align-items:center;display:flex}.site-title{font-family:var(--font-display);color:var(--ink);align-items:center;gap:var(--space-sm);font-size:1.5rem;font-weight:500;text-decoration:none;display:flex}.site-title:hover{color:var(--ink)}.site-title .symbol{font-size:1.75rem;line-height:1}.site-nav{gap:var(--space-lg);display:flex}.site-nav a{color:var(--ink-faded);text-transform:uppercase;letter-spacing:.1em;font-size:.9rem;font-weight:400}.site-nav a:hover{color:var(--ink)}.hexagram-visual{flex-direction:column;gap:4px;width:48px;display:flex}.hexagram-visual.large{gap:6px;width:80px}.hexagram-visual.xlarge{gap:8px;width:120px}.hex-line{background-color:var(--yang-line);border-radius:1px;height:6px}.hexagram-visual.large .hex-line{height:10px}.hexagram-visual.xlarge .hex-line{border-radius:2px;height:14px}.hex-line.yin{background:linear-gradient(to right, var(--yang-line) 0%, var(--yang-line) 42%, transparent 42%, transparent 58%, var(--yang-line) 58%, var(--yang-line) 100%)}.hexagram-grid{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.hexagram-card{padding:var(--space-lg);color:var(--ink);text-align:center;background:0 0;border:1px solid #0000;border-radius:4px;flex-direction:column;align-items:center;text-decoration:none;transition:all .3s;display:flex}.hexagram-card:hover{background:var(--paper-dark);border-color:var(--paper-dark);color:var(--ink)}.hexagram-card .number{font-family:var(--font-display);color:var(--ink-faded);margin-bottom:var(--space-sm);font-size:.85rem}.hexagram-card .hexagram-visual{margin-bottom:var(--space-md)}.hexagram-card .chinese{margin-bottom:var(--space-xs);font-family:Noto Serif SC,serif;font-size:1.5rem}.hexagram-card .english{font-family:var(--font-display);color:var(--ink-light);font-size:.95rem}.hexagram-header{text-align:center;margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--paper-dark)}.hexagram-header .number{font-family:var(--font-display);color:var(--vermillion);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-md);font-size:1rem}.hexagram-header .hexagram-visual{margin:0 auto var(--space-lg)}.hexagram-header .chinese{margin-bottom:var(--space-sm);font-family:Noto Serif SC,serif;font-size:4rem;line-height:1}.hexagram-header .pinyin{font-family:var(--font-body);color:var(--ink-faded);margin-bottom:var(--space-sm);font-size:1.1rem;font-style:italic}.hexagram-header .english{font-family:var(--font-display);font-size:2.5rem;font-weight:400}.trigrams{justify-content:center;gap:var(--space-xl);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--paper-dark);display:flex}.trigram{text-align:center}.trigram-label{text-transform:uppercase;letter-spacing:.15em;color:var(--ink-faded);margin-bottom:var(--space-sm);font-size:.75rem}.trigram-name{font-family:var(--font-display);font-size:1.1rem}.trigram-meaning{color:var(--ink-light);font-size:.9rem}.hex-section{margin-bottom:var(--space-2xl)}.hex-section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.2em;color:var(--vermillion);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--paper-dark);font-size:.85rem}.hex-text{font-family:var(--font-display);color:var(--ink);margin-bottom:var(--space-lg);padding-left:var(--space-lg);border-left:2px solid var(--gold);font-size:1.4rem;font-style:italic;line-height:1.5}.hex-text p{margin-bottom:var(--space-sm)}.hex-commentary{color:var(--ink-light);font-size:1rem;line-height:1.8}.changing-lines{margin-top:var(--space-xl)}.line-entry{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--paper-dark)}.line-entry:last-child{border-bottom:none}.line-number{font-family:var(--font-display);color:var(--gold-muted);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);font-size:1rem;display:flex}.line-number:before{content:"";background:var(--gold);width:24px;height:3px;display:inline-block}.search-container{margin-bottom:var(--space-lg);text-align:center}.search-input{font-family:var(--font-body);padding:var(--space-md) var(--space-lg);border:1px solid var(--paper-dark);background:0 0;outline:none;width:100%;max-width:400px;font-size:1rem;transition:border-color .2s}.search-input:focus{border-color:var(--ink-faded)}.search-input::placeholder{color:var(--ink-faded)}.hex-nav{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--paper-dark);justify-content:space-between;display:flex}.hex-nav a{align-items:center;gap:var(--space-sm);color:var(--ink-faded);font-size:.9rem;display:flex}.hex-nav a:hover{color:var(--ink)}.site-footer{margin-top:var(--space-2xl);padding:var(--space-xl) 0;border-top:1px solid var(--paper-dark);text-align:center;color:var(--ink-faded);font-size:.85rem}.page-intro{text-align:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--paper-dark)}.page-intro h1{margin-bottom:var(--space-sm)}.page-intro .subtitle{font-family:var(--font-display);color:var(--ink-faded);max-width:600px;margin:0 auto;font-size:1.2rem;font-style:italic}@media (width<=768px){html{font-size:16px}h1{font-size:2rem}.container{padding:0 var(--space-md)}.site-header{padding:var(--space-sm) 0;margin-bottom:var(--space-md)}.site-title{white-space:nowrap;font-size:1.1rem}.site-title .symbol{font-size:1.3rem}.site-nav{gap:var(--space-sm)}.site-nav a{letter-spacing:.05em;font-size:.7rem}.hexagram-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.hexagram-card{padding:var(--space-md)}.hexagram-header .chinese{font-size:3rem}.hexagram-header .english{font-size:1.8rem}.trigrams{gap:var(--space-md);flex-direction:column}.hex-text{padding-left:var(--space-md);font-size:1.2rem}.page-intro{margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.page-intro h1{margin-bottom:var(--space-xs)}.page-intro .subtitle{font-size:1rem}}.header-container[data-astro-cid-z4jru4n3]{justify-content:space-between;align-items:center;display:flex}.menu-toggle[data-astro-cid-z4jru4n3]{cursor:pointer;padding:var(--space-sm);color:var(--ink);background:0 0;border:none;font-size:1.5rem;display:none}.desktop-only[data-astro-cid-z4jru4n3]{display:inline}@media (width<=768px){.desktop-only[data-astro-cid-z4jru4n3]{display:none}.menu-toggle[data-astro-cid-z4jru4n3]{display:block}.site-nav[data-astro-cid-z4jru4n3]{background:var(--paper);border-bottom:1px solid var(--paper-dark);flex-direction:column;max-height:0;padding:0;transition:max-height .3s,padding .3s;position:absolute;top:100%;left:0;right:0;overflow:hidden}.site-nav[data-astro-cid-z4jru4n3].open{max-height:300px;padding:var(--space-md) 0}.site-nav[data-astro-cid-z4jru4n3] a[data-astro-cid-z4jru4n3]{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--paper-dark);display:block}.site-nav[data-astro-cid-z4jru4n3] a[data-astro-cid-z4jru4n3]:last-child{border-bottom:none}.site-header[data-astro-cid-z4jru4n3],.site-header[data-astro-cid-z4jru4n3] .container[data-astro-cid-z4jru4n3]{position:relative}}