/* Aksara Diri — reference-matched luminous cream and golden champagne palette and meaning library, 21 Sep 2026. */
:root{--reference-gradient:radial-gradient(ellipse at 4% 64%,rgba(255,253,219,.94) 0,rgba(255,253,219,0) 57%),radial-gradient(ellipse at 85% 108%,rgba(248,218,148,.96) 0,rgba(248,218,148,0) 66%),linear-gradient(108deg,#fef9e6 0%,#ede7c7 52%,#ded0a9 100%);--reference-core:radial-gradient(circle at 28% 22%,#fffde6 0%,#f8e6b8 57%,#efce7a 100%);--ink:#25221d;--forest:#f4e8d1;--forest-2:#faf3e5;--paper:#fff8e2;--cream:#fffdf1;--sage:#655b4c;--gold:#806020;--gold-soft:#806020;--clay:#806020;--muted:#655b4c;--line:rgba(150,111,31,.20);--shadow:0 28px 80px rgba(128,96,32,.10)}
::selection{background:#ead5a5;color:#40382b}
html{overflow-x:clip}
body{background:#fffdf1;color:var(--ink);overflow-x:clip;container-type:inline-size}
.hero,.split,.step,.feature,.section-head,.footer-grid,.cta-inner{min-width:0}
.hero>*,.split>*,.step>*,.feature>*,.section-head>*,.footer-grid>*,.cta-inner>*{min-width:0}
.site-header{background:rgba(255,252,245,.91);border-color:var(--line)}
.nav a{color:#655b4c}.brand-copy span{color:#806020}.lang-switch{color:#655b4c}
.hero{isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;inset:0 calc((100% - 100vw)/2);background:var(--reference-gradient);pointer-events:none}
.hero h1 em{color:#806020}.hero-lead,.hero-note{color:#655b4c}
@supports(width:1cqw){.hero:before{inset:0 calc((100% - 100cqw)/2)}}
.hero-visual:before{background:radial-gradient(circle,rgba(255,248,195,.95) 0,rgba(248,218,148,.48) 43%,transparent 72%)}
.hero-ring,.hero-ring:before,.hero-ring:after{border-color:rgba(128,96,32,.19)}
.hero-visual img{filter:drop-shadow(0 22px 30px rgba(128,96,32,.12))}
.btn-primary{background:#806020;border-color:#806020;color:white}.btn-light{background:#fffcf5;border-color:#d6c194;color:#806020}.btn-quiet{color:#806020;border-color:#d6c194}.btn:hover{box-shadow:0 10px 28px rgba(128,96,32,.13)}
.section-dark,.section-forest{color:var(--ink);background:var(--reference-gradient)}
.section-dark .section-head p:last-child,.section-forest .section-head p:last-child,.section-head p:last-child{color:#655b4c}
.section-dark .card,.dark-mini{background:rgba(255,252,245,.7);border-color:var(--line)}
.card p,.section-dark .card p,.step p,.split p,.route-panel p,.prose p,.meaning-block p{color:#655b4c}
.arch,.arch div{border-color:var(--line)}.arch h3{color:var(--ink)}
.architecture-line,.architecture-light-line{border-color:var(--line);color:#655b4c}
.feature p,.feature .lead{color:#655b4c}.book{background:#fffcf5;box-shadow:0 22px 60px rgba(150,111,31,.20)}
.quote-band{border-color:var(--line)}.quote-band p{color:#40382b}
.notice{background:#f7efdf}.notice p{color:#655b4c}
.cta{background:var(--reference-gradient);color:#40382b}.cta p{color:#655b4c}
.footer{background:#25221d;color:#fffcf5}.footer p,.footer a{color:#e4d9c3}.footer h3{color:#fffcf5}.footer .footer-label{color:#d9bd80!important}.footer-bottom{color:#c3b59d;border-color:rgba(128,96,32,.2)}
.page-hero,.start-hero{background:var(--reference-gradient)}.page-hero .lead{color:#655b4c}
.contact-card{background:linear-gradient(125deg,#fffbe7,#f8e6b8 62%,#f8da94);color:#40382b;border:1px solid var(--line)}.contact-card p{color:#655b4c}.contact-card a{color:#806020}
.on-dark{color:#806020!important;border-color:#d6c194!important}.on-dark-text{color:#655b4c!important}
.dark-mini h3{color:#806020}.dark-mini p{color:#655b4c!important}
.practice-principles,.practice-principle{border-color:var(--line)}.practice-principle p{color:#655b4c}
.trust-strip{background:#f4e8d1;color:#655b4c;border-color:var(--line)}.trust-grid div{border-color:var(--line)}.trust-grid strong{color:#40382b}.trust-grid span{color:#655b4c}
.legal-disclaimer{background:#25221d;color:#ddd0b9}.legal-disclaimer strong{color:#fffcf5}
.journey-card p,.use-case p,.meta-note,.formula-panel small,.meaning-index small{color:#655b4c}
.pill{color:#655b4c}.num{color:#806020}
.architecture-home{overflow:hidden;background:var(--reference-gradient)}
.architecture-hint{font-size:13px;line-height:1.6;color:#655b4c;margin:0 0 48px}
.architecture-compass{margin-bottom:55px}
.architecture-compass:before{border-color:rgba(166,122,25,.34);box-shadow:0 0 0 70px rgba(128,96,32,.035),0 0 0 140px rgba(128,96,32,.025)}
.architecture-compass:after{border-color:rgba(150,111,31,.20)}
.architecture-core{background:var(--reference-core);border-color:rgba(128,96,32,.3);box-shadow:0 18px 60px rgba(128,96,32,.1)}
.architecture-core strong{color:#25221d}.architecture-core span,.architecture-core small{color:#806020}
.architecture-node{border-color:rgba(128,96,32,.33);background:linear-gradient(180deg,rgba(255,252,245,.7),rgba(255,252,245,.2));border-radius:0 0 14px 14px}
.architecture-node small{color:#806020}.architecture-node h3{color:#25221d}
.architecture-node a{display:block;min-height:44px;align-content:center;text-decoration:underline;text-decoration-color:rgba(128,96,32,.3);text-underline-offset:5px;text-decoration-thickness:1px;transition:color .2s,background .2s;border-radius:4px}
.architecture-node a:hover{color:#674814;text-decoration-color:currentColor;background:rgba(255,252,245,.5)}
.architecture-summary{grid-template-columns:1fr;border-color:var(--line)}.architecture-summary p{color:#655b4c;max-width:850px}
.meaning-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.meaning-preview{display:block;background:#fffcf5;border:1px solid var(--line);border-radius:18px;padding:32px;scroll-margin-top:110px;transition:border-color .2s,box-shadow .2s}
.meaning-preview:hover,.related-card:hover{border-color:#b89756;box-shadow:0 12px 28px rgba(128,96,32,.08)}
.meaning-kicker{color:#806020;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.meaning-preview h3{font-size:30px;line-height:1.2;margin:24px 0 14px;color:#25221d;display:flex;justify-content:space-between;gap:16px}.meaning-preview h3 span{color:#806020;font:22px Arial}
.meaning-preview p{font-size:15px;line-height:1.8;color:#655b4c;margin:0}
.breadcrumb{display:flex;gap:12px;font-size:12px;margin-bottom:38px;color:#655b4c}.breadcrumb a:hover{text-decoration:underline}
.reading-hero{padding-top:60px;padding-bottom:64px}.reading-hero h1{max-width:930px}.reading-meta{color:#655b4c;font-size:12px;margin-top:28px;display:flex;gap:14px}
.reading-layout{display:grid;grid-template-columns:250px minmax(0,760px);gap:80px;padding-top:64px;padding-bottom:80px;align-items:start;justify-content:space-between}
.reading-sidebar{position:sticky;top:110px;max-height:calc(100vh - 140px);overflow:auto;padding:4px}
.reading-toc summary{font-size:12px;font-weight:700;letter-spacing:.08em;color:#40382b;cursor:pointer;padding:12px 0}
.reading-toc nav{display:grid;border-left:1px solid #e3d3b2;margin-top:14px;padding-left:18px;gap:3px}
.reading-toc a{font-size:12px;line-height:1.5;padding:8px 4px;color:#655b4c;border-radius:4px}.reading-toc a:hover{color:#806020;background:#f4e8d1}
.back-to-map{display:inline-block;color:#806020;font-size:12px;line-height:1.6;margin-top:28px;padding:10px 0;text-decoration:underline;text-underline-offset:4px}
.reading-content{min-width:0}.reading-section{scroll-margin-top:112px;margin-bottom:52px}.reading-section h2{font-size:clamp(29px,3.2vw,43px);line-height:1.18;letter-spacing:-.025em;color:#25221d;margin:0 0 24px}
.reading-section h3{font-size:25px;line-height:1.3;margin:30px 0 12px;color:#403521}
.reading-section p,.reading-section li{font-size:17px;line-height:1.9;color:#655b4c}.reading-section p{margin:0 0 18px}.reading-section li{padding-left:6px;margin-bottom:12px}.reading-section ul,.reading-section ol{padding-left:24px}
.reading-section blockquote{font:500 25px/1.6 Georgia,serif;margin:28px 0;padding:26px 30px;background:linear-gradient(110deg,#fffbe7,#f8e6b8);color:#806020;border-left:3px solid #b89756;border-radius:0 14px 14px 0}
.reading-section .formula-panel{border-radius:0 14px 14px 0}.reading-section .formula-panel p{margin:6px 0}.reading-section .two-cards p{font-size:15px}
.source-note{font-size:12px!important;line-height:1.8!important;color:#655b4c!important}.source-note p{font-size:12px;line-height:1.8;color:#655b4c}.reading-content>.source-note{border-top:1px solid var(--line);padding-top:24px}
.related-heading{font-size:clamp(31px,3.4vw,46px);max-width:700px;line-height:1.15;margin:0 0 32px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.related-card{padding:26px;background:#fffcf5;border:1px solid var(--line);border-radius:16px}.related-card small{font-size:10px;color:#806020;text-transform:uppercase;letter-spacing:.12em}.related-card h3{font-size:25px;line-height:1.2;margin:22px 0 14px;color:#806020}.related-card p{font-size:14px;line-height:1.75;color:#655b4c;margin:0}
.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:#fffcf5;color:#806020;padding:14px;border:2px solid #806020;border-radius:8px}.skip-link:focus{top:12px}
/* Keep the radial composition at every breakpoint; label boxes remain genuine links. */
@media(max-width:1050px) and (min-width:701px){.architecture-node{width:180px}.architecture-compass{height:650px}.architecture-node:nth-child(4){left:88%}.architecture-node:nth-child(8){left:12%}}
@media(max-width:900px){
 .architecture-compass{position:relative;display:block;height:650px;border:0}
 .architecture-compass:before,.architecture-compass:after{display:block}
 .architecture-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;min-height:0;aspect-ratio:1;border-radius:50%;padding:22px;border:1px solid rgba(128,96,32,.3);background:var(--reference-core);box-shadow:0 18px 60px rgba(128,96,32,.1)}
 .architecture-core strong{font-size:28px}
 .architecture-node,.architecture-node:nth-child(n){position:absolute;transform:translate(-50%,-50%);width:180px;min-height:0;padding:14px 9px;text-align:center;border:0;border-top:1px solid rgba(128,96,32,.33);background:linear-gradient(180deg,rgba(255,252,245,.7),rgba(255,252,245,.2))}
 .architecture-node:nth-child(2){left:50%;top:5%}.architecture-node:nth-child(3){left:77%;top:23%}.architecture-node:nth-child(4){left:87%;top:50%}.architecture-node:nth-child(5){left:77%;top:77%}.architecture-node:nth-child(6){left:50%;top:95%}.architecture-node:nth-child(7){left:23%;top:77%}.architecture-node:nth-child(8){left:13%;top:50%}.architecture-node:nth-child(9){left:23%;top:23%}
 .reading-layout{grid-template-columns:1fr;gap:38px;padding-top:32px}.reading-sidebar{position:static;max-height:none;overflow:visible}.reading-toc{border:1px solid var(--line);border-radius:14px;background:#fbf6eb;padding:10px 20px}.reading-toc nav{display:grid;grid-template-columns:1fr 1fr;padding-left:0;border:0}.reading-sidebar .back-to-map{display:none}
 .related-grid{grid-template-columns:1fr}.related-card h3{margin-top:14px}
}
@media(max-width:700px){
 .contact-card{padding:28px}.contact-card .btn{max-width:100%;text-align:center;padding:10px 18px}
 .architecture-compass{height:600px;margin-top:20px;margin-bottom:38px}
 .architecture-compass:before{width:76%;height:75%;box-shadow:0 0 0 22px rgba(128,96,32,.035),0 0 0 45px rgba(128,96,32,.025)}
 .architecture-compass:after{width:57%;height:52%}
 .architecture-node,.architecture-node:nth-child(n){width:30%;padding:12px 4px}
 .architecture-node:nth-child(2){left:50%;top:5%;width:50%}.architecture-node:nth-child(3){left:80%;top:25%}.architecture-node:nth-child(4){left:85%;top:50%}.architecture-node:nth-child(5){left:80%;top:75%}.architecture-node:nth-child(6){left:50%;top:95%;width:50%}.architecture-node:nth-child(7){left:20%;top:75%}.architecture-node:nth-child(8){left:15%;top:50%}.architecture-node:nth-child(9){left:20%;top:25%}
 .architecture-node h3{font-size:18px;line-height:1.25;margin-top:8px}.architecture-node small{font-size:8px;line-height:1.5;letter-spacing:.07em;display:block}
 .architecture-core{width:32%;padding:9px}.architecture-core strong{font-size:23px}.architecture-core span,.architecture-core small{font-size:8px;letter-spacing:.04em}
 .architecture-hint{margin-bottom:36px}.architecture-summary p{font-size:18px}
 .meaning-previews{grid-template-columns:1fr}.meaning-preview{padding:26px}.meaning-preview h3{font-size:28px}
 .reading-hero{padding-top:34px;padding-bottom:38px}.reading-hero h1{font-size:clamp(40px,10vw,60px);overflow-wrap:break-word}.reading-hero .lead{font-size:17px}
 .reading-section p,.reading-section li{font-size:16px;line-height:1.85}.reading-section blockquote{font-size:21px;padding:22px}.reading-toc nav{grid-template-columns:1fr}.reading-section{margin-bottom:42px}
}
@media(max-width:400px){.architecture-node h3{font-size:16px}.architecture-core strong{font-size:20px}.architecture-core small{font-size:7px}.architecture-node small{font-size:8px;letter-spacing:0}.architecture-compass{height:580px}.hero h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* 2026-09-21 final global luminous-gold refinement */
:root{
  --gold-bg-ivory:#fffdf2;
  --gold-bg-cream:#fbf5df;
  --gold-bg-champagne:#f5e7bb;
  --gold-bg-soft:#e5d7b2;
  --gold-bg-warm:#fae8b4;
  --gold-accent:#9a6d16;
  --gold-accent-deep:#6f4b0e;
  --global-gold-gradient:
    radial-gradient(ellipse at 4% 8%,rgba(255,253,242,.98) 0%,rgba(255,253,242,0) 34%),
    radial-gradient(ellipse at 94% 12%,rgba(229,215,178,.90) 0%,rgba(229,215,178,0) 42%),
    radial-gradient(ellipse at 18% 56%,rgba(251,245,223,.94) 0%,rgba(251,245,223,0) 42%),
    radial-gradient(ellipse at 84% 68%,rgba(250,232,180,.74) 0%,rgba(250,232,180,0) 46%),
    linear-gradient(118deg,#fbf5df 0%,#f7ebc8 48%,#e5d7b2 100%);
  --global-gold-gradient-soft:
    radial-gradient(ellipse at 12% 20%,rgba(255,253,242,.90),transparent 42%),
    radial-gradient(ellipse at 88% 82%,rgba(250,232,180,.48),transparent 48%),
    linear-gradient(118deg,rgba(251,245,223,.84),rgba(229,215,178,.64));
}
html{background:#fbf5df}
body{
  background:var(--global-gold-gradient);
  background-attachment:fixed;
  color:var(--ink);
}
.site-header{
  background:rgba(255,253,242,.78);
  border-bottom-color:rgba(128,96,32,.16);
  box-shadow:0 8px 28px rgba(111,75,14,.035);
}
.hero:before{background:transparent}
.hero-visual:before{background:radial-gradient(circle,rgba(255,253,230,.96) 0%,rgba(250,232,180,.50) 46%,rgba(229,215,178,0) 73%)}
.section,.section-paper,.section-dark,.section-forest,.architecture-home,.meaning-directory-section,.page-hero,.start-hero,.cta{
  background:transparent;
}
.section-paper{background:linear-gradient(180deg,rgba(255,253,242,.20),rgba(245,231,187,.18))}
.section-dark,.section-forest,.architecture-home{
  background:var(--global-gold-gradient-soft);
  border-top:1px solid rgba(128,96,32,.08);
  border-bottom:1px solid rgba(128,96,32,.08);
}
.page-hero,.start-hero{
  background:linear-gradient(180deg,rgba(255,253,242,.42),rgba(245,231,187,.18));
}
.meaning-directory-section{background:linear-gradient(180deg,rgba(255,253,242,.24),rgba(229,215,178,.20))}
.cta{
  background:linear-gradient(120deg,rgba(229,215,178,.62),rgba(250,232,180,.55),rgba(255,253,242,.58));
  border-top:1px solid rgba(128,96,32,.12);
}
.card,.journey-card,.meaning-index a,.meaning-preview,.related-card,.pill,.reading-toc,.contact-card{
  background:rgba(255,253,242,.62);
  border-color:rgba(128,96,32,.18);
  box-shadow:0 16px 45px rgba(111,75,14,.035);
  backdrop-filter:blur(3px);
}
.journey-card:hover,.meaning-index a:hover,.meaning-directory-row:hover,.meaning-preview:hover,.related-card:hover{
  background:rgba(255,253,242,.88);
}
.architecture-core{background:radial-gradient(circle at 32% 24%,#fffdf2 0%,#f5e7bb 58%,#e6c978 100%)}
.architecture-node{background:linear-gradient(180deg,rgba(255,253,242,.70),rgba(245,231,187,.24))}
.notice{background:rgba(255,253,242,.56);border-left-color:var(--gold-accent)}
.footer{
  background:linear-gradient(118deg,#e5d7b2 0%,#f5e7bb 48%,#fbf5df 100%);
  color:#30291f;
  border-top:1px solid rgba(128,96,32,.18);
}
.footer h3{color:#30291f}.footer p,.footer a{color:#5f513e}.footer .footer-label{color:#806020!important}.footer-bottom{color:#6d5d47;border-color:rgba(128,96,32,.18)}
.footer-logo{filter:drop-shadow(0 8px 18px rgba(111,75,14,.08))}
.legal-disclaimer{background:rgba(111,75,14,.90);color:#fff8e8}.legal-disclaimer strong{color:#fffdf2}
.about-jero .split{align-items:start}
.about-jero-portrait{margin:34px 0 0;width:min(430px,100%);border:1px solid rgba(128,96,32,.22);border-radius:26px;overflow:hidden;background:rgba(255,253,242,.55);box-shadow:0 28px 70px rgba(111,75,14,.12)}
.about-jero-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 32%;display:block}
@media(max-width:900px){body{background-attachment:scroll}.about-jero-portrait{width:min(520px,100%)}}