:root{--jade:#243a30;--deep:#14251f;--bronze:#ad7b42;--paper:#f3eadb;--cream:#fffaf0;--ink:#26231f;--muted:#6e675f;--line:rgba(38,35,31,.14);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{line-height:1.66;background:linear-gradient(180deg,#f7efe1,#fff 45%,#f2eadc)}a{color:inherit}.header{position:sticky;top:0;z-index:20;background:rgba(255,250,240,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{max-width:1180px;margin:auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--deep);font-weight:840;white-space:nowrap}.brand-mark{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d2b07b,transparent 36%),linear-gradient(135deg,var(--jade),var(--bronze));box-shadow:inset 0 0 0 3px rgba(255,255,255,.62)}.links{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.links a{text-decoration:none;padding:8px 10px;border-radius:8px;font-size:14px;color:#312d28}.links a:hover{background:#efe2cf;color:var(--jade)}.hero{min-height:700px;display:grid;align-items:end;position:relative;overflow:hidden;background:#efe4d1}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,250,240,.95),rgba(255,250,240,.72) 43%,rgba(255,250,240,.06) 78%),url("./hero.png") center/cover no-repeat}.hero-inner{position:relative;z-index:1;max-width:1180px;width:100%;margin:auto;padding:92px 20px 118px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--jade);font-size:12px;font-weight:830;letter-spacing:.08em;text-transform:uppercase}.eyebrow:before{content:"";width:34px;height:3px;background:var(--bronze);border-radius:99px}h1,h2{font-family:Georgia,"Times New Roman",serif;color:var(--deep);letter-spacing:0}h1{font-size:clamp(44px,6vw,80px);line-height:1.03;margin:18px 0;max-width:780px}h2{font-size:clamp(30px,3.4vw,48px);line-height:1.13;margin:0 0 14px}h3{font-size:21px;line-height:1.25;margin:0 0 8px;color:var(--deep)}p{margin:0 0 14px}.lead{font-size:20px;max-width:680px;color:#403a34}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border-radius:8px;border:1px solid transparent;background:var(--jade);color:white;text-decoration:none;font-weight:790;cursor:pointer}.btn.secondary{background:rgba(255,255,255,.88);color:var(--jade);border-color:var(--line)}.section{padding:78px 20px}.section.soft{background:rgba(255,250,240,.72)}.container{max-width:1180px;margin:auto}.head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px}.head p{max-width:620px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 14px 36px rgba(32,28,22,.08)}.card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.card-body{padding:24px}.tag{display:inline-block;margin-bottom:10px;border-radius:999px;background:#edf2ec;color:var(--jade);padding:4px 10px;font-size:12px;font-weight:820}.muted{color:var(--muted)}.reading{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:28px;align-items:stretch}.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:30px;box-shadow:0 22px 55px rgba(32,28,22,.11)}.field{margin-bottom:16px}.field label{display:block;margin-bottom:7px;color:var(--deep);font-size:13px;font-weight:820}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:12px 13px;font:inherit}.result{border-radius:10px;color:white;padding:32px;background:linear-gradient(180deg,rgba(36,58,48,.88),rgba(20,37,31,.97)),url("./tool.png") center/cover}.result h3{color:white;font-family:Georgia,"Times New Roman",serif;font-size:31px}.result p{color:rgba(255,255,255,.84)}.story{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:center}.story img{width:100%;border-radius:12px;aspect-ratio:5/4;object-fit:cover;box-shadow:0 22px 55px rgba(32,28,22,.13)}.hex-table{width:100%;border-collapse:collapse;background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.hex-table th,.hex-table td{padding:14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.hex-table th{background:#efe4d1;color:var(--jade)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:34px;align-items:start}.article{background:white;border:1px solid var(--line);border-radius:10px;padding:36px;box-shadow:0 16px 42px rgba(32,28,22,.08)}.article h1{font-size:clamp(36px,4vw,54px)}.article h2{font-size:31px;margin-top:34px}.article-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin-bottom:22px}.sidebar{position:sticky;top:92px;display:grid;gap:16px}.sidebar .card{padding:22px}.faq-list{display:grid;gap:14px}.faq-item{padding:22px;background:white;border:1px solid var(--line);border-radius:10px}.footer{background:var(--deep);color:white;padding:42px 20px}.footer-inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer p{color:rgba(255,255,255,.74)}@media(max-width:920px){.nav{align-items:flex-start;flex-direction:column}.links{justify-content:flex-start}.hero{min-height:620px}.hero:before{background:linear-gradient(180deg,rgba(255,250,240,.96),rgba(255,250,240,.78)),url("./hero.png") center/cover no-repeat}.grid,.grid.two,.reading,.story,.article-layout{grid-template-columns:1fr}.head{display:block}.sidebar{position:static}}@media(max-width:540px){.section{padding:56px 16px}.hero-inner{padding:70px 16px 96px}h1{font-size:41px}.lead{font-size:18px}.btn{width:100%}.panel,.article{padding:22px}}


.hero-tool-card{position:relative;z-index:2;margin-top:30px;display:grid;grid-template-columns:minmax(260px,.92fr) minmax(260px,.78fr);gap:18px;max-width:940px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 22px 55px rgba(32,28,22,.16);backdrop-filter:blur(12px)}.hero-tool-card h2{font-size:clamp(24px,2.2vw,34px);margin:8px 0 14px}.hero-tool-form{min-width:0}.hero-tool-result{min-width:0;border-radius:10px;padding:22px;background:linear-gradient(180deg,rgba(35,31,48,.88),rgba(25,22,35,.94));color:#fff}.hero-tool-result h3{color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,2.4vw,32px)}.hero-tool-result p{color:rgba(255,255,255,.84)}.hero-tool-card .field{margin-bottom:12px}.hero-tool-card input,.hero-tool-card select{min-height:43px}.hero .actions{margin-top:18px}@media(max-width:860px){.hero-tool-card{grid-template-columns:1fr;padding:18px}.hero-tool-result{padding:18px}}
:root {--site-tool-accent:#8f2e22;--site-tool-gold:#c89a45;--site-tool-soft:#fff7ec;}


/* Tool-first premium panel upgrade, aligned with the Chinese Zodiac tool standard. */
.hero-tool-card{
  --tool-accent: var(--site-tool-accent, var(--leaf, var(--deep, #b3343a)));
  --tool-gold: var(--site-tool-gold, #b99455);
  --tool-soft: var(--site-tool-soft, #fff8ee);
  position:relative;
  z-index:2;
  width:min(1080px,100%);
  margin:34px 0 0;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);
  gap:22px;
  align-items:stretch;
  padding:clamp(22px,3vw,32px);
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--tool-gold) 36%,#fff);
  border-left:5px solid var(--tool-accent);
  border-radius:10px;
  background:
    radial-gradient(circle at 96% 0,color-mix(in srgb,var(--tool-gold) 15%,transparent),transparent 34%),
    linear-gradient(180deg,#fffefa,var(--tool-soft));
  box-shadow:0 24px 60px rgba(42,24,14,.16);
  backdrop-filter:none;
}
.hero-tool-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,var(--tool-accent),var(--tool-gold),color-mix(in srgb,var(--tool-accent) 55%,#fff));
  opacity:.9;
}
.hero-tool-card::after{
  content:"";
  position:absolute;
  right:-76px;
  bottom:-96px;
  width:230px;
  height:230px;
  border-radius:50%;
  background:color-mix(in srgb,var(--tool-gold) 10%,transparent);
  pointer-events:none;
}
.hero-tool-form,.hero-tool-result{position:relative;z-index:1;min-width:0;}
.hero-tool-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-content:start;
}
.hero-tool-form>.eyebrow,.hero-tool-form>h2,.hero-tool-form>button{grid-column:1/-1;}
.hero-tool-card .eyebrow{
  width:max-content;
  max-width:100%;
  min-height:28px;
  padding:0 11px;
  border:1px solid color-mix(in srgb,var(--tool-accent) 24%,#fff);
  border-radius:999px;
  background:color-mix(in srgb,var(--tool-accent) 9%,#fff);
  color:var(--tool-accent);
  font-size:12px;
  font-weight:850;
  letter-spacing:.05em;
}
.hero-tool-card .eyebrow::before{display:none;}
.hero-tool-card h2{
  max-width:720px;
  margin:0 0 2px;
  color:var(--deep,#241f1a);
  font-size:clamp(27px,2.7vw,38px);
  line-height:1.12;
  font-weight:720;
}
.hero-tool-card .field{margin:0;}
.hero-tool-card .field label{
  display:block;
  margin-bottom:7px;
  color:color-mix(in srgb,var(--deep,#241f1a) 82%,#000);
  font-size:13px;
  font-weight:820;
}
.hero-tool-card input,.hero-tool-card select{
  width:100%;
  height:45px;
  min-height:45px;
  border:1px solid color-mix(in srgb,var(--tool-gold) 32%,#e7ded0);
  border-radius:8px;
  background:#fff;
  color:var(--ink,#24201b);
  padding:0 13px;
  font:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.hero-tool-card input:focus,.hero-tool-card select:focus{
  outline:2px solid color-mix(in srgb,var(--tool-accent) 22%,transparent);
  border-color:color-mix(in srgb,var(--tool-accent) 48%,#fff);
}
.hero-tool-card .btn{
  justify-self:start;
  min-width:180px;
  min-height:45px;
  margin-top:4px;
  border:0;
  border-radius:8px;
  background:linear-gradient(135deg,var(--tool-accent),color-mix(in srgb,var(--tool-accent) 78%,#321515));
  color:#fff;
  box-shadow:0 12px 24px color-mix(in srgb,var(--tool-accent) 18%,transparent);
  white-space:nowrap;
}
.hero-tool-result{
  display:grid;
  align-content:start;
  gap:10px;
  min-height:100%;
  padding:22px;
  border:1px solid color-mix(in srgb,var(--tool-accent) 18%,#fff);
  border-left:4px solid var(--tool-accent);
  border-radius:8px;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--tool-accent) 8%,#fff),#fffdf8);
  color:var(--ink,#24201b);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72);
}
.hero-tool-result h3{
  margin:0;
  color:var(--deep,#241f1a);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(23px,2.1vw,30px);
  line-height:1.14;
}
.hero-tool-result p{margin:0;color:#51483f;line-height:1.6;}
.hero-tool-result strong{color:var(--tool-accent);}
.hero .actions{margin-top:18px;}
@media(max-width:900px){
  .hero-tool-card{grid-template-columns:1fr;margin-top:28px;padding:20px;}
  .hero-tool-form{grid-template-columns:1fr;}
  .hero-tool-card .btn{width:100%;}
}
@media(max-width:540px){
  .hero-tool-card{padding:18px;border-left-width:4px;}
  .hero-tool-card h2{font-size:26px;}
  .hero-tool-result{padding:18px;}
}

/* Tool-site first viewport correction: the tool is the product, not an add-on. */
.hero{min-height:auto;align-items:center;}
.hero-inner{padding-top:clamp(46px,6vw,78px);padding-bottom:clamp(54px,6vw,82px);}
.hero-inner>h1{max-width:860px;font-size:clamp(38px,4.8vw,66px);line-height:1.04;}
.hero-inner>.lead{max-width:760px;font-size:clamp(17px,1.55vw,20px);}
.hero-tool-card{margin-top:26px;}
.hero-tool-card .field:nth-of-type(3){grid-column:1/-1;}
.hero-tool-result::before{
  content:"Tool result";
  width:max-content;
  margin-bottom:2px;
  padding:3px 9px;
  border-radius:999px;
  background:color-mix(in srgb,var(--tool-accent) 12%,#fff);
  color:var(--tool-accent);
  font-size:12px;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.hero-tool-result h3{padding-bottom:10px;border-bottom:1px solid color-mix(in srgb,var(--tool-accent) 18%,#fff);}
.hero-tool-card+.actions{margin-top:16px;}
.hero-tool-card+.actions .btn.secondary{background:rgba(255,253,248,.9);}
@media(max-width:900px){
  .hero-inner{padding-top:38px;padding-bottom:54px;}
  .hero-inner>h1{font-size:38px;}
}

/* Standalone tool section: keep the homepage hero visual clean, then present the tool as a proper product panel. */
.tool-section{
  position:relative;
  z-index:3;
  margin-top:-38px;
  padding-top:0;
  padding-bottom:42px;
  background:transparent;
}
.tool-section .container{position:relative;}
.tool-section .hero-tool-card{margin:0 auto;}
.hero .actions{margin-top:26px;}
.hero-tool-result::before{content:"Current reading";}
@media(max-width:900px){.tool-section{margin-top:-22px;padding-bottom:34px;}}
@media(max-width:540px){.tool-section{margin-top:0;padding-top:18px;}}


/* I Ching oriental homepage redesign */
.iching-home{background:#f4ecdc;color:#261f18}.iching-home .brand-mark{display:grid;place-items:center;background:#241810;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(202,156,82,.58),0 8px 18px rgba(36,24,16,.2)}.iching-home .brand-mark::after{content:"\6613";color:#d7a75b;font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:900}.iching-hero{position:relative;min-height:710px;display:grid;align-items:end;overflow:hidden;background:#1d1711;color:#fff7e8}.iching-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,20,14,.94) 0%,rgba(49,34,21,.80) 42%,rgba(49,34,21,.32) 70%,rgba(49,34,21,.08) 100%),url("./hero.png") center/cover no-repeat;transform:scale(1.01)}.iching-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(202,156,82,.20),transparent 28%),linear-gradient(90deg,rgba(255,247,232,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(255,247,232,.035) 1px,transparent 1px);background-size:auto,56px 56px,56px 56px;pointer-events:none}.iching-hero::after{content:"易";position:absolute;right:clamp(18px,6vw,84px);top:54px;color:rgba(255,247,232,.10);font-family:Georgia,"Times New Roman",serif;font-size:clamp(96px,15vw,220px);font-weight:900;line-height:1}.iching-hero-inner{position:relative;z-index:1;width:100%;max-width:1180px;margin:0 auto;padding:98px 20px 78px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:42px;align-items:end}.iching-hero h1{max-width:840px;color:#fff7e8;font-size:clamp(42px,5vw,74px);text-shadow:0 18px 42px rgba(0,0,0,.36)}.iching-hero .lead{max-width:710px;color:#e8d6b8}.iching-hero .eyebrow{color:#d7a75b}.iching-hero .eyebrow::before{background:#d7a75b}.iching-hero .btn{background:#d7a75b;color:#241810}.iching-hero .btn.secondary{background:rgba(255,247,232,.12);color:#fff7e8;border-color:rgba(255,247,232,.32);backdrop-filter:blur(8px)}
.bagua-panel{position:relative;min-height:410px;border:1px solid rgba(215,167,91,.36);border-radius:14px;background:radial-gradient(circle at 50% 42%,rgba(215,167,91,.17),rgba(36,24,16,.82) 62%,rgba(16,12,9,.92));box-shadow:0 28px 70px rgba(0,0,0,.34);display:grid;place-items:center;overflow:hidden}.bagua-panel::before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,247,232,.12);border-radius:10px}.iching-seal{position:absolute;left:24px;top:22px;z-index:3;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#7d2a1d;color:#ffe1a0;border:2px solid rgba(255,225,160,.72);font-family:Georgia,"Times New Roman",serif;font-size:31px;font-weight:900}.bagua-ring{position:absolute;width:300px;height:300px;border-radius:50%;border:1px dashed rgba(215,167,91,.42);animation:ichingSpin 52s linear infinite}.bagua-ring span{--angle:calc(var(--i) * 45deg);position:absolute;left:50%;top:50%;width:88px;margin:-14px -44px;text-align:center;color:#ffe1a0;font-size:12px;font-weight:800;letter-spacing:.05em;transform:rotate(var(--angle)) translate(150px) rotate(calc(-1 * var(--angle)));padding:5px 8px;border-radius:999px;background:rgba(20,13,9,.58);border:1px solid rgba(215,167,91,.18)}.bagua-core{position:relative;z-index:2;display:grid;place-items:center;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#3d2a1c,#1d150f 72%);border:2px solid rgba(215,167,91,.62);box-shadow:0 18px 44px rgba(0,0,0,.38),0 0 0 24px rgba(215,167,91,.06)}.bagua-core strong{font-family:Georgia,"Times New Roman",serif;font-size:34px;color:#fff7e8}.bagua-core small{color:#d7a75b;font-weight:800;text-transform:uppercase;letter-spacing:.08em}@keyframes ichingSpin{to{transform:rotate(360deg)}}
.iching-tool-section{position:relative;margin-top:-42px;padding:0 20px 54px;z-index:3}.iching-tool-card{max-width:1120px;margin:0 auto!important;border:1px solid rgba(202,156,82,.38)!important;border-left:5px solid #7d2a1d!important;background:linear-gradient(180deg,#fff9ed,#f3e3c9)!important;box-shadow:0 24px 62px rgba(46,31,18,.18)!important}.iching-tool-form p{grid-column:1/-1;color:#5d5145;margin:0 0 2px}.iching-result{background:linear-gradient(180deg,#efe4cf,#fffaf0)!important;color:#2b2118!important;border-left-color:#7d2a1d!important}.iching-result::before{content:"Current pattern"!important}.iching-line-stack{display:grid;gap:8px;margin:4px 0 8px;width:190px}.iching-line-stack span{height:9px;border-radius:99px;background:#2a2118}.iching-line-stack .yin{background:linear-gradient(90deg,#2a2118 0 42%,transparent 42% 58%,#2a2118 58% 100%)}.iching-line-stack .changing{box-shadow:0 0 0 2px rgba(125,42,29,.22)}
.iching-culture-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#241810;color:#fff7e8;border-top:1px solid rgba(215,167,91,.26);border-bottom:1px solid rgba(215,167,91,.26)}.iching-culture-item{padding:30px clamp(18px,3vw,38px);min-height:134px;background:linear-gradient(180deg,rgba(255,247,232,.05),rgba(255,247,232,.015));display:grid;align-content:center;text-align:center}.iching-culture-item strong{display:block;color:#d7a75b;font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,2.4vw,34px);line-height:1.05;font-weight:800}.iching-culture-item span{display:block;margin-top:10px;color:rgba(255,247,232,.78);font-size:14px;line-height:1.55}
.iching-paths{position:relative;padding:76px 20px;background:linear-gradient(180deg,#fff8ec,#f1e1c6)}.iching-paths::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#241810,#d7a75b,#7d2a1d)}.iching-path-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.iching-path-head p{max-width:610px;color:#6a5c4d}.iching-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.iching-card{display:grid;grid-template-rows:auto 1fr;background:#fffdf7;border:1px solid rgba(125,42,29,.18);border-radius:10px;overflow:hidden;box-shadow:0 18px 46px rgba(47,31,18,.09)}.iching-card:hover{transform:translateY(-3px);box-shadow:0 24px 54px rgba(47,31,18,.14);transition:transform .18s ease,box-shadow .18s ease}.iching-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.iching-card div{padding:24px}.iching-card p{color:#6a5c4d}
.iching-feature-band{position:relative;padding:78px 20px;background:linear-gradient(180deg,#f6efe0,#e8d8bb);border-top:1px solid #dcc79e;border-bottom:1px solid #dcc79e;overflow:hidden}.iching-feature-band::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 8%,rgba(125,42,29,.10),transparent 30%),linear-gradient(90deg,rgba(36,24,16,.05) 1px,transparent 1px);background-size:auto,52px 52px;pointer-events:none}.iching-feature-band .container{position:relative}.iching-feature-heading{text-align:center;max-width:760px;margin:0 auto 34px}.iching-feature-heading h2{margin-top:12px;color:#241810}.iching-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1040px;margin:0 auto}.iching-feature-item{display:flex;gap:18px;align-items:flex-start;padding:24px;border:1px solid rgba(125,42,29,.15);border-radius:12px;background:rgba(255,253,247,.82);box-shadow:0 14px 34px rgba(47,31,18,.08)}.iching-feature-item>span{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:50%;background:#241810;color:#d7a75b;border:2px solid rgba(215,167,91,.42);font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:900}.iching-feature-item h3{font-size:21px;color:#241810}.iching-feature-item p{margin:0;color:#665747;line-height:1.65}
@media(max-width:920px){.iching-hero-inner{grid-template-columns:1fr}.bagua-panel{max-width:430px}.iching-card-grid,.iching-feature-grid{grid-template-columns:1fr}.iching-path-head{display:block}.iching-hero{min-height:auto}.iching-hero-inner{padding-top:78px}.iching-culture-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.iching-hero::after{font-size:92px;top:40px}.iching-tool-section{margin-top:-20px}}@media(max-width:540px){.iching-hero h1{font-size:38px}.iching-hero-inner{padding:64px 16px 54px}.bagua-panel{min-height:330px}.bagua-ring{width:240px;height:240px}.bagua-ring span{transform:rotate(var(--angle)) translate(118px) rotate(calc(-1 * var(--angle)));font-size:10px}.bagua-core{width:132px;height:132px}.iching-culture-strip{grid-template-columns:1fr}.iching-culture-item{min-height:auto;padding:24px 18px}.iching-paths,.iching-feature-band{padding:58px 16px}.iching-tool-section{padding-left:16px;padding-right:16px;margin-top:0}}

/* I Ching tool owns its layout; no dependency on generic hero tool classes. */
.iching-tool-card{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(290px,.88fr);gap:22px;align-items:stretch;padding:clamp(22px,3vw,32px);overflow:hidden;border-radius:12px}.iching-tool-card .eyebrow{width:max-content;max-width:100%;min-height:28px;padding:0 11px;border:1px solid rgba(125,42,29,.18);border-radius:999px;background:#f3e4ce;color:#7d2a1d;font-size:12px;font-weight:850;letter-spacing:.05em}.iching-tool-card .eyebrow::before{display:none}.iching-tool-form{display:grid;grid-template-columns:1fr;gap:14px;align-content:start;min-width:0}.iching-tool-form h2{font-size:clamp(27px,2.7vw,38px);line-height:1.12;margin:0;color:#241810}.iching-tool-form .field{margin:0}.iching-tool-form input{width:100%;height:45px;border:1px solid rgba(202,156,82,.38);border-radius:8px;background:#fff;color:#261f18;padding:0 13px;font:inherit}.iching-tool-form .btn{justify-self:start;min-width:180px;min-height:45px;border:0;border-radius:8px;background:linear-gradient(135deg,#7d2a1d,#321515);color:#fff;white-space:nowrap}.iching-result{display:grid;align-content:start;gap:10px;min-width:0;min-height:100%;padding:24px;border-radius:10px;background:linear-gradient(180deg,#efe4cf,#fffaf0)!important;color:#2b2118!important;border:1px solid rgba(125,42,29,.18);border-left:4px solid #7d2a1d!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.72)}.iching-result::before{content:"Current pattern";width:max-content;padding:3px 9px;border-radius:999px;background:rgba(125,42,29,.10);color:#7d2a1d;font-size:12px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.iching-result h3{margin:0;color:#241810;font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,2.2vw,32px);line-height:1.14;padding-bottom:10px;border-bottom:1px solid rgba(125,42,29,.16)}.iching-result p{margin:0;color:#51483f;line-height:1.6}.iching-result strong{color:#7d2a1d}@media(max-width:900px){.iching-tool-card{grid-template-columns:1fr;padding:20px}.iching-tool-form .btn{width:100%}}@media(max-width:540px){.iching-tool-card{padding:18px}.iching-result{padding:18px}}

/* Auto FAQ hub */
.faq-hub{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start;margin-top:32px}.faq-sidebar{position:sticky;top:92px;border:1px solid var(--line,#e7ded0);border-radius:10px;background:rgba(255,255,255,.78);padding:16px;box-shadow:0 14px 34px rgba(37,29,18,.08)}.faq-sidebar strong{display:block;margin-bottom:10px;color:var(--deep,#21372d);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.faq-sidebar a{display:block;padding:10px 12px;border-radius:8px;color:inherit;text-decoration:none;font-weight:760}.faq-sidebar a:hover{background:rgba(36,73,54,.08)}.faq-content{display:grid;gap:18px}.faq-category-block{scroll-margin-top:110px}.faq-category-block h2{margin:0 0 12px;font-size:clamp(24px,2.1vw,32px)}.faq-card-list{display:grid;gap:12px}.faq-card{border:1px solid var(--line,#e7ded0);border-radius:10px;background:#fff;padding:20px;box-shadow:0 10px 28px rgba(37,29,18,.07)}.faq-card h3{margin:0 0 8px;font-size:19px;line-height:1.28}.faq-card p{margin:0;color:var(--muted,#6f6458);line-height:1.68}.faq-source{display:inline-block;margin-top:10px;color:var(--accent,#9d6b28);font-size:13px;font-weight:780;text-decoration:none}.faq-source:hover{text-decoration:underline}@media(max-width:860px){.faq-hub{grid-template-columns:1fr}.faq-sidebar{position:static}.faq-sidebar a{display:inline-block;margin:2px 4px 2px 0}}

/* I Ching standard nav and FAQ v1 */
.links{align-items:center;overflow:visible}.nav-group{position:relative;display:inline-flex;align-items:center}.nav-group>a::after{content:"";display:inline-block;margin-left:6px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;vertical-align:middle;opacity:.72}.nav-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:50;min-width:236px;padding:8px;border:1px solid var(--line);border-radius:10px;background:rgba(255,250,240,.98);box-shadow:0 18px 42px rgba(32,28,22,.16);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.nav-dropdown a{display:block;padding:9px 10px;border-radius:8px;color:#312d28;text-decoration:none;font-size:13px;font-weight:430;white-space:nowrap}.nav-dropdown a:hover{background:#efe2cf;color:var(--jade)}.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.footer-links{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.footer-links a{color:rgba(255,255,255,.82);text-decoration:none;font-weight:430}.footer-links a:hover{color:#fff;text-decoration:underline}.iching-card{color:inherit;text-decoration:none}.faq-index-hero{max-width:780px;margin:0 auto;text-align:left}.faq-index-hero h1{font-size:clamp(30px,3vw,42px)}.faq-search{display:flex;align-items:center;width:min(720px,100%);margin:24px auto 18px;border:1px solid rgba(38,35,31,.28);border-radius:10px;background:#fff;overflow:hidden}.faq-search input{flex:1;min-width:0;border:0;background:transparent;padding:16px 18px;font:inherit;font-size:16px;color:#312d28;outline:0}.faq-search button{width:58px;align-self:stretch;border:0;background:transparent;color:var(--jade);font-size:28px;cursor:pointer}.faq-index-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:20px}.faq-index-tabs a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#4d443c;font-size:14px;font-weight:430;text-decoration:none}.faq-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px}.faq-index-section{display:flex;flex-direction:column;min-height:280px;padding:24px 26px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.86);box-shadow:0 16px 38px rgba(32,28,22,.08)}.faq-index-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.faq-index-heading h2{min-width:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:20px;font-weight:520;line-height:1.28;color:var(--deep)}.faq-index-heading span{flex:0 0 auto;margin-top:2px;padding:5px 10px;border-radius:999px;background:#efe2cf;color:#6b5846;font-size:12px;font-weight:430;white-space:nowrap}.faq-title-list{display:grid;gap:0;margin:8px 0 18px;padding-left:20px}.faq-title-list li{padding:8px 0;border-bottom:1px solid var(--line);color:var(--bronze)}.faq-title-list a{font-size:14.5px;font-weight:400;color:#312d28;line-height:1.48;text-decoration:none}.faq-view-more{display:inline-flex;width:max-content;margin-top:auto;padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--jade);font-size:14px;font-weight:500;text-decoration:none}@media(max-width:1040px){.faq-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:920px){.nav-group{display:block}.nav-dropdown{position:static;display:none;box-shadow:none}.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{display:block;opacity:1;visibility:visible;transform:none}.faq-index-grid{grid-template-columns:1fr}}@media(max-width:540px){.faq-index-heading{display:block}.faq-index-heading span{display:inline-block;margin-top:8px}}

/* I Ching typography and taiji refinement v1 */
body{font-weight:400}.brand{font-weight:620}.links a{font-weight:400}.eyebrow{font-weight:560}.btn,.tag,.field label{font-weight:560}h1,h2,h3{font-weight:560}.iching-hero h1{max-width:760px;font-size:clamp(34px,4vw,56px);font-weight:620;line-height:1.12;text-shadow:0 14px 34px rgba(0,0,0,.34)}.iching-hero .lead{max-width:680px;font-size:clamp(17px,1.45vw,19px);line-height:1.72}.iching-path-head h2,.iching-feature-heading h2{font-size:clamp(26px,2.8vw,38px);font-weight:540}.iching-culture-item strong{font-size:clamp(20px,2vw,28px);font-weight:560}.iching-card h3,.iching-feature-item h3,.card h3{font-size:20px;font-weight:540}.iching-tool-form h2{font-size:clamp(24px,2.2vw,32px);font-weight:540}.article h1{font-size:clamp(32px,3.4vw,46px);font-weight:560}.article h2{font-size:clamp(24px,2.2vw,30px);font-weight:540}.bagua-core.taiji-core{width:178px;height:178px;background:radial-gradient(circle,rgba(255,247,232,.08),rgba(20,13,9,.78));border:1px solid rgba(215,167,91,.64);box-shadow:0 18px 44px rgba(0,0,0,.38),0 0 0 24px rgba(215,167,91,.055)}.taiji-symbol{position:relative;display:block;width:116px;height:116px;border-radius:50%;background:linear-gradient(90deg,#f8e8bf 50%,#1b130d 50%);border:2px solid rgba(215,167,91,.82);box-shadow:0 10px 30px rgba(0,0,0,.32);overflow:hidden}.taiji-symbol::before,.taiji-symbol::after{content:"";position:absolute;left:50%;width:58px;height:58px;border-radius:50%;transform:translateX(-50%)}.taiji-symbol::before{top:0;background:#1b130d;box-shadow:inset 0 0 0 12px #f8e8bf}.taiji-symbol::after{bottom:0;background:#f8e8bf;box-shadow:inset 0 0 0 12px #1b130d}.taiji-core small{margin-top:12px;color:#d7a75b;font-size:12px;font-weight:560;letter-spacing:.12em;text-transform:uppercase}@media(max-width:540px){.iching-hero h1{font-size:34px}.taiji-symbol{width:92px;height:92px}.taiji-symbol::before,.taiji-symbol::after{width:46px;height:46px}.taiji-symbol::before{box-shadow:inset 0 0 0 10px #f8e8bf}.taiji-symbol::after{box-shadow:inset 0 0 0 10px #1b130d}.bagua-core.taiji-core{width:138px;height:138px}}

/* I Ching pure taiji core v1 */
.bagua-core.taiji-core{width:190px;height:190px;padding:0;background:transparent;border:0;box-shadow:0 18px 44px rgba(0,0,0,.34),0 0 0 24px rgba(215,167,91,.045)}.taiji-symbol{width:190px;height:190px;border-radius:50%;background:linear-gradient(90deg,#f8e8bf 50%,#1b130d 50%);border:2px solid rgba(215,167,91,.86);box-shadow:0 16px 42px rgba(0,0,0,.36);overflow:hidden}.taiji-symbol::before,.taiji-symbol::after{left:50%;width:95px;height:95px;transform:translateX(-50%)}.taiji-symbol::before{top:0;background:#1b130d;box-shadow:inset 0 0 0 20px #f8e8bf}.taiji-symbol::after{bottom:0;background:#f8e8bf;box-shadow:inset 0 0 0 20px #1b130d}.taiji-core small{display:none}@media(max-width:540px){.bagua-core.taiji-core,.taiji-symbol{width:142px;height:142px}.taiji-symbol::before,.taiji-symbol::after{width:71px;height:71px}.taiji-symbol::before{box-shadow:inset 0 0 0 15px #f8e8bf}.taiji-symbol::after{box-shadow:inset 0 0 0 15px #1b130d}}

/* I Ching SVG taiji core v2 */
.bagua-core.taiji-core{width:190px;height:190px;padding:0;background:transparent;border:0;box-shadow:0 18px 44px rgba(0,0,0,.34),0 0 0 24px rgba(215,167,91,.045)}svg.taiji-symbol{display:block;width:190px;height:190px;border:0;border-radius:50%;background:transparent;box-shadow:0 16px 42px rgba(0,0,0,.36);overflow:visible}.taiji-symbol::before,.taiji-symbol::after{display:none!important}@media(max-width:540px){.bagua-core.taiji-core,svg.taiji-symbol{width:142px;height:142px}}

/* I Ching FAQ detail layout v1 */
.resource-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:44px;align-items:start}.resource-sidebar{position:sticky;top:94px;display:grid;border:1px solid var(--line);background:rgba(255,255,255,.78);backdrop-filter:blur(10px);border-radius:10px;overflow:hidden;box-shadow:0 18px 44px rgba(32,28,22,.07)}.resource-sidebar a{display:block;padding:16px 20px;border-bottom:1px solid var(--line);color:#4d443c;text-decoration:none;font-weight:430;line-height:1.35}.resource-sidebar a:last-child{border-bottom:0}.resource-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.resource-card{display:grid;gap:8px;min-height:116px;padding:22px 24px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.84);text-decoration:none;box-shadow:0 16px 38px rgba(32,28,22,.08)}.resource-card span{color:var(--muted);line-height:1.55}.faq-detail-sidebar{padding:0}.faq-detail-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;border:0;border-bottom:1px solid var(--line);background:#efe2cf;color:var(--deep);font:inherit;font-size:16px;font-weight:520;text-align:left;cursor:pointer}.faq-detail-toggle::after{content:'v';font-size:13px;color:#7c6d5b;transition:transform .16s}.faq-detail-group.open .faq-detail-toggle::after{transform:rotate(180deg)}.faq-detail-links{display:none;background:#fff}.faq-detail-group.open .faq-detail-links{display:block}.faq-detail-group a{display:block;padding:12px 20px 12px 26px;color:#5f574f;text-decoration:none;font-size:14px;font-weight:400;line-height:1.42}.faq-detail-group a.active{background:#f4eadb;color:var(--deep);font-weight:500;border-left:3px solid var(--bronze);padding-left:23px}.faq-detail-article{padding:38px 44px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.88);box-shadow:0 16px 38px rgba(32,28,22,.08)}.faq-detail-article h1{font-size:clamp(30px,2.7vw,40px);font-weight:560}.faq-detail-article .lead{font-size:17px;line-height:1.7}.article-directory{display:grid;gap:7px;margin:28px 0 10px;padding:18px 22px;border:1px solid var(--line);border-radius:8px;background:#fffaf0}.article-directory strong{font-size:16px;font-weight:520}.article-directory a{font-size:15px;color:#5f574f;text-decoration:none}@media(max-width:920px){.resource-layout{grid-template-columns:1fr}.resource-sidebar{position:static}.resource-card-grid{grid-template-columns:1fr}}@media(max-width:540px){.faq-detail-article{padding:24px}}

/* I Ching FAQ detail typography v1 */
.faq-detail-article h1{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:clamp(28px,2.4vw,38px);font-weight:560;line-height:1.22;color:var(--deep);margin:14px 0 18px}.faq-detail-article h2{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:clamp(22px,1.75vw,28px);font-weight:540;line-height:1.32;color:var(--deep);margin:30px 0 12px}.faq-detail-article .lead{font-size:17px;font-weight:400;line-height:1.72;color:#3f3a34}.faq-detail-article p{font-size:16px;line-height:1.78;color:#332e29}.faq-detail-article .eyebrow{font-size:12px;font-weight:560}.article-directory strong{font-weight:520}.article-directory a{font-size:15px;font-weight:400}@media(max-width:540px){.faq-detail-article h1{font-size:28px}.faq-detail-article h2{font-size:22px}}

/* I Ching tool page typography v1 */
.tools-page h1,.reading .panel h1{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:clamp(32px,3.2vw,46px);font-weight:560;line-height:1.18;color:var(--deep);max-width:760px}.reading .panel .lead{font-size:18px;line-height:1.68;color:#423c35}.reading .result h3,.iching-tool-ready h3{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:clamp(24px,2vw,32px);font-weight:560;line-height:1.24}.iching-tool-ready{background:linear-gradient(180deg,rgba(21,43,34,.82),rgba(15,34,27,.95)),url("./tool.png") center/cover!important;display:grid;align-content:start;gap:16px;min-height:430px}.mini-hexagram{display:grid;gap:10px;width:min(260px,100%);margin:12px 0 4px}.mini-hexagram span{display:block;height:8px;border-radius:999px;background:rgba(255,247,232,.72)}.mini-hexagram span.broken{background:linear-gradient(90deg,rgba(255,247,232,.72) 0 42%,transparent 42% 58%,rgba(255,247,232,.72) 58% 100%)}.iching-tool-ready ul{display:grid;gap:8px;margin:4px 0 0;padding-left:20px;color:rgba(255,247,232,.78);line-height:1.55}.iching-tool-ready p{max-width:420px}@media(max-width:540px){.reading .panel h1{font-size:32px}.iching-tool-ready{min-height:auto}}

/* I Ching secondary page typography v1 */
body:not(.iching-home) h1{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:clamp(32px,3.1vw,48px);font-weight:560;line-height:1.18;color:var(--deep);max-width:820px}body:not(.iching-home) h2{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:clamp(24px,2.2vw,34px);font-weight:540;line-height:1.28;color:var(--deep)}body:not(.iching-home) .lead{font-size:18px;line-height:1.7;max-width:760px;color:#423c35}body:not(.iching-home) .section:first-child{padding-top:66px;padding-bottom:54px}.hex-table th{font-weight:560}.hex-table td{font-size:15.5px;line-height:1.6}.hex-table td strong{font-weight:520}@media(max-width:540px){body:not(.iching-home) h1{font-size:32px}body:not(.iching-home) .section:first-child{padding-top:48px}}

/* Tool input guidance */
.question-help{margin:8px 0 0;color:#6a5c4d;font-size:13px;line-height:1.5}.question-help::before{content:"Tip: ";color:#7d2a1d;font-weight:620}

/* I Ching detail reading refinement v2 */
body:not(.iching-home){font-size:16px;color:#302b25;background:linear-gradient(180deg,#f5ede0,#fffdf8 42%,#f4eadc)}
body:not(.iching-home) .section{padding:58px 20px}
body:not(.iching-home) .section:first-child{padding-top:54px;padding-bottom:58px}
body:not(.iching-home) .article-layout{grid-template-columns:minmax(0,780px) 280px;justify-content:center;gap:30px;align-items:start}
body:not(.iching-home) .article{padding:34px 40px;border-radius:8px;background:rgba(255,255,255,.9);box-shadow:0 14px 32px rgba(35,29,21,.065)}
body:not(.iching-home) .article-cover{max-height:360px;border-radius:7px;margin-bottom:24px}
body:not(.iching-home) h1,
body:not(.iching-home) .article h1,
body:not(.iching-home) .reading .panel h1,
body:not(.iching-home) .tools-page h1{max-width:760px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:clamp(28px,2.45vw,38px);font-weight:520;line-height:1.25;color:#173128;margin:14px 0 16px}
body:not(.iching-home) h2,
body:not(.iching-home) .article h2,
body:not(.iching-home) .faq-detail-article h2{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:clamp(21px,1.65vw,26px);font-weight:500;line-height:1.34;color:#1d382f;margin:30px 0 10px}
body:not(.iching-home) h3,
body:not(.iching-home) .card h3{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:18px;font-weight:500;line-height:1.35;color:#20372f}
body:not(.iching-home) .lead,
body:not(.iching-home) .article .lead,
body:not(.iching-home) .faq-detail-article .lead{max-width:690px;font-size:17px;font-weight:400;line-height:1.76;color:#4a443d}
body:not(.iching-home) p,
body:not(.iching-home) .article p,
body:not(.iching-home) .faq-detail-article p{font-size:16px;font-weight:400;line-height:1.82;color:#37322d}
body:not(.iching-home) .article p{max-width:70ch}
body:not(.iching-home) .eyebrow{font-weight:560;letter-spacing:.06em;color:#234438}
body:not(.iching-home) .tag{font-weight:520;background:#eef3ec;color:#25483b}
body:not(.iching-home) .sidebar .card{padding:20px;border-radius:8px;box-shadow:0 12px 28px rgba(35,29,21,.06)}
body:not(.iching-home) .sidebar p,
body:not(.iching-home) .muted{font-size:15px;line-height:1.75;color:#655d55}
body:not(.iching-home) .panel{border-radius:8px;box-shadow:0 14px 34px rgba(35,29,21,.075)}
body:not(.iching-home) .hex-table th,
body:not(.iching-home) .hex-table td{font-size:15px;line-height:1.62}
@media(max-width:920px){body:not(.iching-home) .article-layout{grid-template-columns:1fr}body:not(.iching-home) .article{padding:30px 28px}}
@media(max-width:540px){body:not(.iching-home) .section,body:not(.iching-home) .section:first-child{padding:42px 16px}body:not(.iching-home) .article{padding:24px 20px}body:not(.iching-home) h1,body:not(.iching-home) .article h1{font-size:28px}body:not(.iching-home) h2,body:not(.iching-home) .article h2{font-size:21px}}


/* I Ching article visual break v1 */
.article-visual-break{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:center;margin:28px 0 32px;padding:20px;border:1px solid rgba(173,123,66,.24);border-radius:8px;background:linear-gradient(135deg,#fffaf0,#f3e6d2);box-shadow:0 14px 34px rgba(35,29,21,.07)}
.article-visual-break img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:7px;background:#efe4d1;border:1px solid rgba(173,123,66,.18)}
.article-visual-break figcaption{display:grid;gap:10px;margin:0;color:#3a332d}
.article-visual-break strong{font-size:18px;font-weight:540;line-height:1.35;color:#173128}
.article-visual-break span{font-size:15px;line-height:1.68;color:#5c544c}
.visual-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px}
.visual-steps em{display:block;padding:9px 10px;border:1px solid rgba(173,123,66,.22);border-radius:7px;background:rgba(255,255,255,.68);color:#4d4339;font-style:normal;font-size:13px;line-height:1.35;text-align:center}
@media(max-width:720px){.article-visual-break{grid-template-columns:1fr;padding:16px}.visual-steps{grid-template-columns:1fr}.article-visual-break img{max-height:240px}}


/* I Ching tool result contrast fix v1 */
body:not(.iching-home) .result.iching-tool-ready,
body:not(.iching-home) .hero-tool-result.iching-result{color:#fff7e8!important}
body:not(.iching-home) .result.iching-tool-ready h3,
body:not(.iching-home) .hero-tool-result.iching-result h3{color:#fff7e8!important;text-shadow:0 2px 12px rgba(0,0,0,.35);border-bottom-color:rgba(255,247,232,.24)}
body:not(.iching-home) .result.iching-tool-ready p,
body:not(.iching-home) .result.iching-tool-ready li,
body:not(.iching-home) .hero-tool-result.iching-result p{color:rgba(255,247,232,.9)!important}
body:not(.iching-home) .result.iching-tool-ready strong,
body:not(.iching-home) .hero-tool-result.iching-result strong{color:#f0c979!important}
body:not(.iching-home) .result.iching-tool-ready::before,
body:not(.iching-home) .hero-tool-result.iching-result::before{background:rgba(255,247,232,.14);color:#f0c979!important;border:1px solid rgba(240,201,121,.22)}


/* I Ching lightweight page visuals v1 */
.page-visual-note{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;align-items:center;margin:24px 0 28px;padding:18px;border:1px solid rgba(173,123,66,.22);border-radius:8px;background:linear-gradient(135deg,#fffaf0,#f1e3ce);box-shadow:0 12px 28px rgba(35,29,21,.06)}
.page-visual-note img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:7px;border:1px solid rgba(173,123,66,.18);background:#efe4d1}
.page-visual-note figcaption{display:grid;gap:8px;margin:0}
.page-visual-note strong{font-size:18px;font-weight:540;line-height:1.35;color:#173128}
.page-visual-note span{font-size:15px;line-height:1.66;color:#5d544b}
.page-visual-note.compact{grid-template-columns:120px minmax(0,1fr);padding:14px;margin:20px 0 24px}
.page-visual-note.compact strong{font-size:16px}
.page-visual-note.compact span{font-size:14px}
@media(max-width:680px){.page-visual-note,.page-visual-note.compact{grid-template-columns:1fr}.page-visual-note img{max-height:220px}}


/* I Ching report product trust layer v1 */
.report-preview-split{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;align-items:stretch;margin-top:30px}
.mock-report-card{position:relative;display:grid;gap:14px;padding:24px;border:1px solid rgba(173,123,66,.28);border-radius:8px;background:linear-gradient(180deg,#fffdf8,#f3e6d2);box-shadow:0 18px 42px rgba(35,29,21,.08);overflow:hidden}
.mock-report-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#7d2a1d,#d7a75b,#243a30)}
.mock-report-card .mock-kicker{width:max-content;padding:4px 10px;border-radius:999px;background:#efe2cf;color:#7d2a1d;font-size:12px;font-weight:620;letter-spacing:.04em;text-transform:uppercase}
.mock-report-card h3{font-size:22px;margin:0;color:#173128}
.mock-report-lines{display:grid;gap:8px;margin:4px 0 2px;width:min(240px,100%)}
.mock-report-lines span{height:8px;border-radius:99px;background:#243a30}.mock-report-lines span:nth-child(even){background:linear-gradient(90deg,#243a30 0 42%,transparent 42% 58%,#243a30 58% 100%)}
.mock-report-summary{display:grid;gap:10px;margin:0;padding:0;list-style:none}.mock-report-summary li{padding:10px 12px;border:1px solid rgba(173,123,66,.18);border-radius:7px;background:rgba(255,255,255,.72);font-size:14px;line-height:1.45;color:#4c443d}
.report-includes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.report-includes div{padding:16px;border:1px solid rgba(173,123,66,.18);border-radius:8px;background:rgba(255,255,255,.8)}.report-includes strong{display:block;margin-bottom:5px;color:#173128;font-size:15px}.report-includes span{font-size:14px;line-height:1.55;color:#63594f}
.compare-table{width:100%;border-collapse:collapse;margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.compare-table th,.compare-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:15px;line-height:1.55}.compare-table th{background:#efe4d1;color:#173128;font-weight:560}.compare-table tr:last-child td{border-bottom:0}
.product-bridge{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:22px;align-items:center;padding:28px;border:1px solid rgba(173,123,66,.24);border-radius:8px;background:linear-gradient(135deg,#fffaf0,#efe1c8);box-shadow:0 16px 38px rgba(35,29,21,.07)}
.product-bridge h2{margin-top:8px}.product-bridge-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.product-bridge-list li{padding:12px 14px;border-radius:7px;background:rgba(255,255,255,.72);border:1px solid rgba(173,123,66,.18);font-size:15px;color:#4c443d}
.report-mini-preview{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:18px;margin-top:8px;padding:22px;border:1px solid rgba(173,123,66,.24);border-radius:8px;background:linear-gradient(135deg,#fffaf0,#f2e4cf)}
.report-mini-preview h3{margin:0 0 8px;color:#173128}.report-mini-preview p{margin-bottom:10px}.report-mini-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.report-mini-list li{padding:9px 10px;border-radius:7px;background:rgba(255,255,255,.78);border:1px solid rgba(173,123,66,.18);font-size:14px;color:#50483f}.report-mini-meta{display:grid;gap:8px;align-content:start}.report-mini-meta span{display:block;padding:10px 12px;border-radius:7px;background:#fff;color:#51483f;border:1px solid rgba(173,123,66,.18);font-size:14px}
@media(max-width:860px){.report-preview-split,.product-bridge,.report-mini-preview{grid-template-columns:1fr}.report-includes,.report-mini-list{grid-template-columns:1fr}}

/* Footer contrast guard */
.footer,.footer strong{color:#fff7e8!important}.footer p{color:rgba(255,247,232,.82)!important}.footer-links a{color:rgba(255,247,232,.86)!important}.footer-links a:hover{color:#fff!important}

/* FAQ readability and density pass */
body:not(.iching-home) .section>.container.article{max-width:920px}
.faq-index-page+.section>.container.article,.faq-index-page+.section+.section>.container.article,.faq-index-page+.section+.section+.section>.container.article{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.54fr);gap:24px;align-items:start}
.faq-index-page+.section>.container.article>.eyebrow,.faq-index-page+.section>.container.article>h2,.faq-index-page+.section+.section>.container.article>.eyebrow,.faq-index-page+.section+.section>.container.article>h2,.faq-index-page+.section+.section+.section>.container.article>.eyebrow,.faq-index-page+.section+.section+.section>.container.article>h2{grid-column:1/-1}
.faq-index-page+.section>.container.article>p,.faq-index-page+.section+.section>.container.article>p,.faq-index-page+.section+.section+.section>.container.article>p{grid-column:1}
.faq-note-box{grid-column:2;grid-row:3 / span 3;display:grid;gap:12px;padding:18px;border:1px solid rgba(173,123,66,.22);border-radius:8px;background:linear-gradient(180deg,#fffaf0,#f3e5cf);box-shadow:0 12px 28px rgba(37,29,18,.07)}
.faq-note-box strong{display:block;color:#173128;font-size:15px;font-weight:560}.faq-note-box p{margin:0;color:#5a5148;font-size:14px;line-height:1.6}.faq-note-box a{display:inline-flex;width:max-content;margin-top:2px;color:#7d2a1d;font-weight:560;text-decoration:none}.faq-note-box a:hover{text-decoration:underline}
.faq-detail-page .resource-layout{grid-template-columns:250px minmax(0,860px);justify-content:center;gap:28px;max-width:1160px}
.faq-detail-page .faq-detail-article{max-width:860px;padding:34px 38px}
.faq-detail-page .page-visual-note.compact{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center;margin:20px 0 22px;padding:14px;border-radius:8px;background:#fffaf0;border:1px solid rgba(173,123,66,.20)}
.faq-detail-page .page-visual-note.compact img{width:150px;aspect-ratio:4/3;object-fit:cover;border-radius:7px}
.faq-detail-page .article-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:22px 0 18px}.faq-detail-page .article-directory strong{grid-column:1/-1}.faq-detail-page .article-directory a{padding:8px 10px;border-radius:7px;background:#fff;border:1px solid rgba(173,123,66,.16)}
.faq-detail-page .resource-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:920px){.faq-index-page+.section>.container.article,.faq-index-page+.section+.section>.container.article,.faq-index-page+.section+.section+.section>.container.article,.faq-detail-page .resource-layout,.faq-detail-page .page-visual-note.compact{grid-template-columns:1fr}.faq-note-box{grid-column:1;grid-row:auto}.faq-detail-page .resource-card-grid{grid-template-columns:1fr}.faq-detail-page .page-visual-note.compact img{width:100%;max-height:220px}.faq-detail-page .article-directory{grid-template-columns:1fr}}

/* FAQ index selector correction v2 */
.faq-index-page~.section>.container.article{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.54fr);gap:24px;align-items:start;max-width:920px}
.faq-index-page~.section>.container.article>.eyebrow,.faq-index-page~.section>.container.article>h2{grid-column:1/-1}
.faq-index-page~.section>.container.article>p{grid-column:1}
.faq-index-page~.section>.container.article>.faq-note-box{grid-column:2;grid-row:3 / span 3}
@media(max-width:920px){.faq-index-page~.section>.container.article{grid-template-columns:1fr}.faq-index-page~.section>.container.article>.faq-note-box{grid-column:1;grid-row:auto}}

/* Hexagrams lookup landing controls v1 */
.hex-landing-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;align-items:start;margin:28px 0 18px;padding:24px;border:1px solid rgba(173,123,66,.22);border-radius:8px;background:linear-gradient(135deg,#fffaf0,#f1e4cf);box-shadow:0 14px 34px rgba(35,29,21,.07)}
.hex-landing-panel h2{margin:8px 0 0;font-size:clamp(24px,2vw,32px)}
.hex-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;grid-column:1/-1}.hex-steps span{display:block;padding:13px 14px;border:1px solid rgba(173,123,66,.18);border-radius:7px;background:rgba(255,255,255,.76);font-size:14px;line-height:1.55;color:#5a5148}.hex-steps strong{display:block;margin-bottom:4px;color:#173128;font-size:14px;font-weight:560}
.hex-actions{display:flex;gap:12px;flex-wrap:wrap;grid-column:1/-1;margin-top:2px}.hex-filter-panel{display:grid;gap:10px;margin:20px 0 18px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(35,29,21,.06)}.hex-filter-panel label{font-size:13px;font-weight:560;color:#173128}.hex-filter-row{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:12px}.hex-filter-count{margin:0;color:#6a5c4d;font-size:14px}.hex-table-wrap{overflow-x:auto;border-radius:10px;box-shadow:0 14px 34px rgba(32,28,22,.06)}.hex-lookup-table{min-width:760px}.hex-lookup-table tr[style*="display: none"]{display:none!important}
@media(max-width:860px){.hex-landing-panel,.hex-steps,.hex-filter-row{grid-template-columns:1fr}.hex-actions .btn{width:100%}.hex-lookup-table{min-width:680px}}

/* Guide page distinct content modules v1 */
.guide-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 24px}.guide-topic-grid section{padding:16px;border:1px solid rgba(173,123,66,.20);border-radius:8px;background:linear-gradient(180deg,#fffaf0,#f4e7d1)}.guide-topic-grid strong{display:block;margin-bottom:6px;color:#173128;font-size:15px;font-weight:560}.guide-topic-grid span{display:block;color:#5b5249;font-size:14px;line-height:1.58}@media(max-width:760px){.guide-topic-grid{grid-template-columns:1fr}}

/* New-site typography and navigation refresh v1 */
html,body,button,input,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:0}
body{font-size:16px;color:#28241f;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:not(.iching-home) h1,body:not(.iching-home) h2,body:not(.iching-home) h3,.nav,.brand,.links,.btn,.tag,.eyebrow,.hex-table,.faq-detail-article,.article{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}.iching-hero h1{font-family:Georgia,"Times New Roman",serif}.header{background:rgba(255,250,240,.96);border-bottom:1px solid rgba(38,35,31,.12)}.nav{max-width:1180px;padding:13px 20px;gap:22px}.brand{font-size:15px;font-weight:620;color:#172d25}.links{gap:18px;align-items:center}.links a{padding:6px 0;border-radius:0;color:#3d3832;font-size:14.5px;font-weight:500;line-height:1.35;text-decoration:none;border-bottom:2px solid transparent}.links a:hover{background:transparent;color:#7d2a1d;border-bottom-color:#d7a75b}.links a:focus-visible{outline:2px solid rgba(125,42,29,.35);outline-offset:4px}.brand-mark{width:30px;height:30px}.nav-group,.nav-dropdown{display:contents}.nav-group>a::after{display:none}.nav-dropdown a{display:none!important}
.footer{background:#10241d!important;color:#fff7e8!important}.footer strong{color:#fff7e8!important;font-weight:650}.footer p,.footer a,.footer-links a{color:rgba(255,247,232,.88)!important}.footer a:hover,.footer-links a:hover{color:#f0c979!important}.footer-inner{align-items:flex-start}.footer p{max-width:560px;line-height:1.65}
.faq-search button{width:auto;min-width:84px;padding:0 18px;font-size:14px;font-weight:560;color:#173128;background:#efe2cf;border-left:1px solid rgba(38,35,31,.12)}.faq-search button:hover{background:#e6d4bb}
body:not(.iching-home) .article{border-radius:8px}.article-layout{grid-template-columns:minmax(0,860px) 280px;justify-content:center}.sidebar .card{border-radius:8px}.hex-table th,.hex-table td{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}
@media(max-width:920px){.nav{gap:12px}.links{gap:12px}.links a{font-size:14px}.article-layout{grid-template-columns:1fr}.brand{white-space:normal}.nav{align-items:flex-start}}
@media(max-width:540px){.nav{padding:12px 16px}.links{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px}.links a{font-size:13.5px}.footer-inner{display:grid}}
.faq-index-page~.section{padding-top:42px!important;padding-bottom:42px!important}
.faq-index-page~.section>.container.article{max-width:1040px!important;grid-template-columns:minmax(0,640px) 300px!important;gap:12px 44px!important;padding:38px 44px!important;align-items:start}
.faq-index-page~.section>.container.article>.eyebrow{grid-column:1/-1!important;margin-bottom:8px}
.faq-index-page~.section>.container.article>h2{grid-column:1!important;margin:4px 0 16px!important;max-width:640px;font-size:clamp(25px,2.1vw,32px)!important;line-height:1.22}
.faq-index-page~.section>.container.article>p{grid-column:1!important;max-width:640px;margin-bottom:16px;line-height:1.72}
.faq-index-page~.section>.container.article>.faq-note-box{grid-column:2!important;grid-row:2 / span 4!important;align-self:start;margin-top:0;padding:20px 22px;min-width:0}
.faq-index-page~.section>.container.article>.faq-note-box a{width:auto;line-height:1.45}
@media(max-width:920px){.faq-index-page~.section>.container.article{grid-template-columns:1fr!important;padding:30px 28px!important}.faq-index-page~.section>.container.article>.faq-note-box{grid-column:1!important;grid-row:auto!important}}
.links{overflow:visible}.nav-group{position:relative;display:inline-flex!important;align-items:center}.nav-group>a{position:relative}.nav-group>a::after{content:"";display:inline-block;width:5px;height:5px;margin-left:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.66}.nav-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:40;display:none!important;min-width:240px;padding:10px;margin-top:10px;border:1px solid rgba(38,35,31,.14);border-radius:8px;background:rgba(255,250,240,.98);box-shadow:0 18px 44px rgba(32,28,22,.14)}.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{display:grid!important;gap:2px}.nav-dropdown a{display:block!important;padding:9px 10px!important;border-bottom:0!important;border-radius:6px!important;color:#3d3832!important;font-size:14px!important;font-weight:450!important;line-height:1.35!important;white-space:nowrap}.nav-dropdown a:hover{background:#efe2cf!important;color:#7d2a1d!important}@media(max-width:920px){.nav-group{display:grid!important;width:100%}.nav-dropdown{position:static;display:grid!important;transform:none;min-width:0;margin:4px 0 8px 14px;padding:6px 0;border:0;background:transparent;box-shadow:none}.nav-dropdown a{padding:6px 0!important;color:#5f574f!important;white-space:normal}.nav-group>a::after{display:none}}
.nav-dropdown-right{left:auto;right:0;transform:none}.nav-group:hover .nav-dropdown-right,.nav-group:focus-within .nav-dropdown-right{transform:none}.nav-dropdown a{min-width:0}.links{gap:16px}@media(max-width:920px){.links{gap:8px}.nav-dropdown-right{right:auto}.nav-dropdown a{font-size:13.5px!important}.nav-group{border-top:1px solid rgba(38,35,31,.08);padding-top:6px}.nav-group:first-of-type{border-top:0}}
/* I Ching simplified navigation v2 */
.nav-group>a::after{display:none!important}.links{gap:20px}.nav-dropdown{min-width:260px}.footer,.footer p,.footer a{color:rgba(255,247,232,.86)!important}.footer strong{color:#fff7e8!important}.footer a:hover{color:#f0c979!important}@media(max-width:920px){.links{width:100%;display:grid;grid-template-columns:1fr;gap:7px}.nav-dropdown{display:grid!important;margin:4px 0 8px 12px}.nav-dropdown a{white-space:normal!important}}
/* Final stable I Ching navigation 2026-07-21 */
.links,.nav{align-items:center;gap:18px;overflow:visible}.links a,.nav a{font-size:14px}.nav-group{position:relative;display:inline-flex!important;align-items:center}.nav-group>a::after{display:none!important}.nav-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:60;display:none!important;min-width:220px;margin-top:10px;padding:10px;border:1px solid rgba(38,35,31,.14);border-radius:8px;background:rgba(255,250,240,.98);box-shadow:0 18px 44px rgba(32,28,22,.14)}.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{display:grid!important;gap:2px}.nav-dropdown a{display:block!important;padding:9px 10px!important;border-bottom:0!important;border-radius:6px!important;white-space:nowrap!important;font-size:14px!important}.footer,.footer p,.footer a{color:rgba(255,247,232,.88)!important}.footer strong{color:#fff7e8!important}.footer a:hover{color:#f0c979!important}.footer-links{display:flex;gap:14px;flex-wrap:wrap;align-items:center}@media(max-width:920px){.links,.nav{width:100%;display:grid!important;grid-template-columns:1fr;gap:7px}.nav-group{display:grid!important;width:100%}.nav-dropdown{position:static;display:grid!important;transform:none;min-width:0;margin:4px 0 8px 12px;padding:6px 0;border:0;background:transparent;box-shadow:none}.nav-dropdown a{padding:6px 0!important;white-space:normal!important}}

/* Keep the Guides dropdown open while moving the cursor into it. */
.nav-group {
  padding: 8px 0;
  margin: -8px 0;
}

.nav-group::after {
  content: "";
  position: absolute;
  left: -18px;
  right: -18px;
  top: 100%;
  height: 16px;
  z-index: 59;
}

.nav-dropdown {
  top: calc(100% + 2px) !important;
  margin-top: 0 !important;
}

.nav-group:hover .nav-dropdown,
.nav-group:focus-within .nav-dropdown {
  display: grid !important;
}

@media (max-width: 920px) {
  .nav-group {
    padding: 0;
    margin: 0;
  }

  .nav-group::after {
    display: none;
  }

  .nav-dropdown {
    top: auto !important;
  }
}


/* Page identity banner and compact article sections, 2026-07-21. */
body.iching-page .page-identity {
  position: relative;
  overflow: hidden;
  padding: 38px 20px 32px;
  background:
    radial-gradient(circle at 78% 8%, rgba(211, 166, 91, 0.18), transparent 34%),
    linear-gradient(135deg, #14251f 0%, #243a30 54%, #5a2e24 100%);
  color: #fff7e8;
}

body.iching-page .page-identity::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(90deg, rgba(255, 247, 232, 0.06) 1px, transparent 1px), linear-gradient(0deg, rgba(255, 247, 232, 0.04) 1px, transparent 1px);
  background-size: 42px 42px;
  opacity: 0.34;
  pointer-events: none;
}

body.iching-page .page-identity-inner {
  position: relative;
  z-index: 1;
  max-width: 1180px;
  min-height: 176px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.iching-page .page-identity-eyebrow {
  color: #e7c47b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.iching-page .page-identity h1 {
  max-width: 760px;
  margin: 12px 0 10px;
  color: #fff7e8;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.06;
  letter-spacing: 0;
}

body.iching-page .page-identity p {
  max-width: 680px;
  margin: 0;
  color: rgba(255, 247, 232, 0.86);
  font-size: 17px;
  line-height: 1.65;
}

body.iching-page .page-identity-mark {
  position: absolute;
  right: 0;
  bottom: -22px;
  color: rgba(255, 247, 232, 0.08);
  font-size: clamp(76px, 13vw, 154px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  pointer-events: none;
}

body.iching-page .page-identity + .section {
  padding-top: 34px !important;
}

body.iching-page .article-section {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

body.iching-page .article-section + .article-section,
body.iching-page .section + .article-section {
  padding-top: 0 !important;
}

body.iching-page .article-section .container.article {
  max-width: 920px;
}

body.iching-page .article-section .article h2:first-child,
body.iching-page .article-section .container.article h2:first-child {
  margin-top: 0;
}

body.iching-page .reading .panel h2,
body.iching-page .container > h2:first-child {
  margin-top: 0;
}

@media (max-width: 720px) {
  body.iching-page .page-identity {
    padding: 32px 18px 28px;
  }

  body.iching-page .page-identity-inner {
    min-height: 150px;
  }

  body.iching-page .page-identity h1 {
    font-size: 34px;
  }

  body.iching-page .page-identity p {
    font-size: 16px;
  }

  body.iching-page .page-identity-mark {
    right: -20px;
    font-size: 82px;
  }
}


/* Tools page horizontal guidance cards, 2026-07-21. */
body.tools-page .tool-guidance-pair-section {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

body.tools-page .tool-guidance-pair-section + .section {
  padding-top: 34px !important;
}

body.tools-page .tool-guidance-pair {
  display: grid;
  grid-template-columns: minmax(0, 1.22fr) minmax(280px, 0.78fr);
  gap: 18px;
  align-items: stretch;
}

body.tools-page .tool-guidance-card {
  height: 100%;
  padding: 0;
}

body.tools-page .tool-guidance-card .card-body {
  padding: 28px 30px;
}

body.tools-page .tool-guidance-card h2 {
  margin-top: 28px;
  font-size: clamp(24px, 2.4vw, 32px);
  line-height: 1.18;
}

body.tools-page .tool-guidance-card p:last-child {
  margin-bottom: 0;
}

@media (max-width: 860px) {
  body.tools-page .tool-guidance-pair {
    grid-template-columns: 1fr;
  }
}


/* Tools page method and FAQ layout polish, 2026-07-21. */
body.tools-page .tool-method-section,
body.tools-page .tool-faq-grid-section {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}

body.tools-page .tool-method-panel,
body.tools-page .tool-faq-panel {
  border: 1px solid rgba(173, 123, 66, 0.20);
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(255, 250, 240, 0.96), rgba(244, 231, 211, 0.82));
  box-shadow: 0 18px 42px rgba(32, 28, 22, 0.08);
}

body.tools-page .tool-method-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: 26px;
  padding: 30px;
  align-items: stretch;
}

body.tools-page .tool-method-intro,
body.tools-page .tool-method-note {
  min-width: 0;
}

body.tools-page .tool-method-intro h2,
body.tools-page .tool-faq-head h2 {
  margin-top: 28px;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.12;
}

body.tools-page .tool-method-intro p,
body.tools-page .tool-faq-head p {
  color: #5c5147;
  font-size: 16px;
  line-height: 1.72;
}

body.tools-page .tool-line-visual {
  display: grid;
  gap: 8px;
  max-width: 260px;
  margin-top: 24px;
  padding: 18px;
  border: 1px solid rgba(173, 123, 66, 0.20);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.62);
}

body.tools-page .tool-line-visual span {
  height: 9px;
  border-radius: 99px;
  background: #243a30;
}

body.tools-page .tool-line-visual span.broken {
  background: linear-gradient(90deg, #243a30 0 42%, transparent 42% 58%, #243a30 58% 100%);
}

body.tools-page .tool-method-note {
  padding: 24px 26px;
  border: 1px solid rgba(173, 123, 66, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

body.tools-page .tool-method-note h3 {
  margin-bottom: 10px;
  font-size: 22px;
}

body.tools-page .tool-method-note p:last-child {
  margin-bottom: 0;
}

body.tools-page .tool-method-cards,
body.tools-page .tool-faq-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

body.tools-page .tool-method-cards article,
body.tools-page .tool-faq-grid article {
  display: flex;
  flex-direction: column;
  min-height: 188px;
  padding: 22px 24px;
  border: 1px solid rgba(173, 123, 66, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 12px 28px rgba(32, 28, 22, 0.06);
}

body.tools-page .tool-method-cards strong {
  width: max-content;
  margin-bottom: 14px;
  color: #ad7b42;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

body.tools-page .tool-method-cards h3,
body.tools-page .tool-faq-grid h3 {
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 1.22;
}

body.tools-page .tool-method-cards p,
body.tools-page .tool-faq-grid p {
  margin-bottom: 0;
  color: #5c5147;
  line-height: 1.66;
}

body.tools-page .tool-faq-panel {
  padding: 30px;
}

body.tools-page .tool-faq-head {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: 30px;
  align-items: end;
  margin-bottom: 24px;
}

body.tools-page .tool-faq-head .eyebrow,
body.tools-page .tool-faq-head h2 {
  grid-column: 1;
}

body.tools-page .tool-faq-head p {
  grid-column: 2;
  grid-row: 1 / span 2;
  margin-bottom: 0;
}

body.tools-page .tool-faq-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 22px;
}

@media (max-width: 920px) {
  body.tools-page .tool-method-panel,
  body.tools-page .tool-faq-head {
    grid-template-columns: 1fr;
  }

  body.tools-page .tool-faq-head p {
    grid-column: auto;
    grid-row: auto;
  }

  body.tools-page .tool-method-cards,
  body.tools-page .tool-faq-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 540px) {
  body.tools-page .tool-method-panel,
  body.tools-page .tool-faq-panel {
    padding: 22px;
  }
}

/* Tools page card rhythm fix, 2026-07-21. */
body.tools-page .tool-method-cards,
body.tools-page .tool-faq-grid,
body.tools-page .tool-next-steps-20260721 .grid {
  align-items: stretch;
}

body.tools-page .tool-method-cards article,
body.tools-page .tool-faq-grid article,
body.tools-page .tool-next-steps-20260721 .card {
  height: 100%;
}

body.tools-page .tool-method-cards article,
body.tools-page .tool-faq-grid article,
body.tools-page .tool-next-steps-20260721 .card-body {
  display: flex;
  flex-direction: column;
}

body.tools-page .tool-method-cards h3,
body.tools-page .tool-faq-grid h3,
body.tools-page .tool-next-steps-20260721 h3 {
  min-height: 54px;
  display: flex;
  align-items: flex-end;
}

body.tools-page .tool-method-cards p,
body.tools-page .tool-faq-grid p,
body.tools-page .tool-next-steps-20260721 .muted {
  flex: 1 1 auto;
}

body.tools-page .tool-next-steps-20260721 .btn {
  align-self: flex-start;
  margin-top: auto;
}

body.tools-page .tool-faq-panel {
  display: grid;
  grid-template-columns: minmax(260px, 0.82fr) minmax(0, 1.18fr);
  gap: 22px;
}

body.tools-page .tool-faq-head {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 0;
}

body.tools-page .tool-faq-head h2,
body.tools-page .tool-faq-head p {
  margin: 0;
}

body.tools-page .tool-faq-grid {
  grid-column: auto;
  grid-template-columns: 1fr;
}

body.tools-page .tool-faq-grid article {
  min-height: 0;
}

body.tools-page .tool-faq-actions {
  grid-column: 2;
  margin-top: 0;
}

@media (max-width: 920px) {
  body.tools-page .tool-faq-panel {
    grid-template-columns: 1fr;
  }

  body.tools-page .tool-faq-actions {
    grid-column: auto;
    margin-top: 18px;
  }
}

@media (max-width: 640px) {
  body.tools-page .tool-method-cards h3,
  body.tools-page .tool-faq-grid h3,
  body.tools-page .tool-next-steps-20260721 h3 {
    min-height: 0;
    align-items: flex-start;
  }
}

/* Love page hero CTA note spacing, 2026-07-21. */
body.love-page .panel .actions + .muted {
  display: block;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(173, 123, 66, 0.22);
  color: #5f574f;
}

/* Love page hero copy rhythm, 2026-07-21. */
body.love-page .reading .panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 430px;
  padding: 44px 38px 38px;
}

body.love-page .reading .panel .eyebrow {
  margin-bottom: 14px;
  font-size: 13px;
  font-weight: 620;
  letter-spacing: 0.055em;
}

body.love-page .reading .panel h2 {
  margin: 0 0 18px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: clamp(30px, 3vw, 42px);
  font-weight: 540;
  line-height: 1.18;
  color: #14251f;
}

body.love-page .reading .panel .lead {
  max-width: 820px;
  margin-bottom: 30px;
  font-size: clamp(18px, 1.8vw, 21px);
  line-height: 1.78;
  color: #37312b;
}

body.love-page .reading .panel .actions {
  margin-top: 0;
}

@media (max-width: 920px) {
  body.love-page .reading .panel {
    min-height: auto;
    padding: 34px 28px;
  }
}

@media (max-width: 540px) {
  body.love-page .reading .panel {
    padding: 28px 22px;
  }

  body.love-page .reading .panel .lead {
    font-size: 17px;
  }
}