html body [data-page="home"] .home-compass-brand{display:flex!important;flex-direction:column;gap:0!important;margin:0 0 8px!important;padding:0!important}

.home-compass-dial{position:relative;width:75vw;max-width:75vw;aspect-ratio:1;filter:drop-shadow(0 8px 9px #8e641e26);margin:0 auto 14px}

.home-compass-dial>img{display:block;width:100%;height:100%;object-fit:contain}

html body [data-page="home"] .home-compass-brand h2{margin:0!important;font-size:19px!important;line-height:1.7!important;letter-spacing:.13em;color:#844321}

.home-compass-start{position:relative;z-index:2;pointer-events:auto!important;margin:8px 0 0;padding:5px 16px;border:1px solid #b9914c60;border-radius:20px;background:#fffcf080;color:#98672d;font:inherit;font-size:11px;min-height:32px;cursor:pointer}

.home-compass-status{font-size:11px;color:#8b7251;line-height:1.5;max-width:100%;text-align:center}

.home-compass-status:not(:empty){margin-top:5px}

.home-compass-needle{position:absolute;left:50%;top:50%;width:1.6%;height:11%;background:linear-gradient(to bottom,#b52c22 50%,#eee4c9 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:translate(-50%,-50%);transition:transform .15s linear;filter:drop-shadow(0 1px 2px #543)}

.home-compass-needle[hidden]{display:none}



html body [data-page="home"] .note-card::after{content:none!important;display:none!important}



html body [data-page="home"] article.note-card{padding-top:8px!important}

html body [data-page="home"] article.note-card>span,html body [data-page="home"] article.note-card>h3{font-size:16px;line-height:1.6}

html body [data-page="home"] article.note-card>span{display:block}

html body [data-page="home"] article.note-card>h3{margin-top:8px}



/* One continuous goldsand surface across the brand bar and home hero. */

html.ui-theme-goldsand body .wx-bar,html.ui-theme-goldsand body [data-page="home"] .home-hero{background:#fff6dc!important;border:0;box-shadow:none}



html body [data-page="home"] .home-compass-dial{margin-bottom:8px}

html body [data-page="home"] .home-compass-brand h2{line-height:1!important}

html body [data-page="home"] .home-compass-status:not(:empty){margin-top:8px}



html body [data-page="home"] .home-hero{padding-bottom:8px!important}

html body [data-page="home"] .home-hero>.date{margin-bottom:0!important}



html body .page[data-page="home"]{padding-bottom:8px!important}

html body [data-page="home"]>.content{padding-bottom:0!important}



html body [data-page="home"] .home-hero{padding-top:8px!important;padding-bottom:0!important}

html body [data-page="home"]>.content{padding-top:8px!important}

html body [data-page="home"]>.content>.section-title:first-child{padding-top:0!important;padding-bottom:0!important}

html body [data-page="home"]>.content>.section-title:first-child h3{margin-top:0!important;margin-bottom:0!important;line-height:1!important}



html body [data-page="home"] .home-hero{padding-top:0!important}



/* Home begins directly beneath the visible brand text. */

html body .miniapp:has([data-page="home"].active)>.wx-bar{height:29px!important}

html body .miniapp:has([data-page="home"].active)>.pages{top:29px!important}

html body [data-page="consult"] .consult-body,html body #profileContent{margin-bottom:0!important}



html body [data-page="home"] .home-compass-brand{position:relative}

html body [data-page="home"] .home-compass-brand.compass-active{padding-bottom:0!important}

.home-compass-inset{position:absolute;left:calc(50% - 50vw + 8px);top:calc(55vw + 10px);width:calc(20vw - 10px);aspect-ratio:1;border-radius:50%;border:3px double #a48243;background:radial-gradient(circle,#fffdf3 30%,#e9dfc3 75%,#c9ab6a);box-shadow:0 2px 5px #87672320}

.home-compass-inset[hidden]{display:none}

.compass-north{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1;font-size:10px;color:#aa3228}

.compass-inset-needle{position:absolute;top:50%;left:50%;height:58%;width:10%;background:linear-gradient(#b52c22 50%,#6e7777 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:translate(-50%,-50%);transition:transform .15s linear}

.home-compass-inset i{position:absolute;top:50%;left:50%;width:5px;height:5px;transform:translate(-50%,-50%);border-radius:50%;background:#b18a42}



/* Keep the text rows fixed while the optional pointer is visible. */

.home-compass-brand.compass-active .home-compass-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0!important}



.compass-degrees{position:absolute;top:calc(100% + 11px);left:-3px;width:calc(100% + 6px);text-align:center;white-space:nowrap;font:clamp(8px,2.8vw,10px)/1.2 sans-serif;color:#98672d}



html body [data-page="home"] .secondary-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}

html body [data-page="home"] .secondary-tool-grid>.tool-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;cursor:pointer;margin:0!important}

html body [data-page="home"] .secondary-tool-grid b{white-space:nowrap}



html body .miniapp:has([data-page="home"].active)>.wx-bar{transform:translateY(calc(-1 * var(--home-brand-scroll,0px)));pointer-events:none}



html.ui-theme-goldsand body [data-page="home"] .secondary-tool-grid>.tool-card:nth-child(1){background:#9d3b32!important;border-color:#8e322b!important;color:#fff6e7!important}

html.ui-theme-goldsand body [data-page="home"] .secondary-tool-grid>.tool-card:nth-child(2){background:linear-gradient(145deg,#fffaf0,#e2d8c9)!important;border-color:#cbbda9!important;color:#75604b!important}

html.ui-theme-goldsand body [data-page="home"] .secondary-tool-grid>.tool-card:nth-child(3){background:linear-gradient(145deg,#f9e6d1,#eac49f)!important;border-color:#d6ae85!important;color:#86562f!important}

html.ui-theme-goldsand body [data-page="home"] .secondary-tool-grid .symbol,html.ui-theme-goldsand body [data-page="home"] .secondary-tool-grid b{color:inherit!important}



html body [data-page="home"] .term-history-entry small{display:none!important}



html.ui-theme-goldsand body [data-page="home"] .secondary-tool-grid>.tool-card:first-child .symbol,html.ui-theme-goldsand body [data-page="home"] .secondary-tool-grid>.tool-card:first-child b{color:#fff6e7!important;text-shadow:none!important}



html body [data-page="home"]>.content{padding-top:15px!important}

html body [data-page="home"]>.content>.section-title:first-child{justify-content:center!important;text-align:center}

html body [data-page="home"]>.content>.section-title:first-child>div{width:100%;text-align:center}



/* Quiet gold taiji marks frame the home motto. */

html body [data-page="home"]>.content>.home-motto-row{display:flex!important;align-items:center;justify-content:center;gap:clamp(12px,4vw,22px);padding:10px 0 14px!important;margin:0!important}

html body [data-page="home"] .home-motto-row h3{display:flex;gap:1em;margin:0!important;font-family:var(--serif);font-size:clamp(17px,4.5vw,20px)!important;font-weight:500;line-height:1.5!important;letter-spacing:.12em;color:#844321;white-space:nowrap}

.home-motto-taiji{display:block;flex:0 0 auto;width:1em;height:1em;color:#9f814c;opacity:.36}


/* The motto text has exactly 13px to the date above and tool cards below. */
html body [data-page="home"]>.content:has(>.home-motto-row){padding-top:13px!important}
html body [data-page="home"]>.content>.home-motto-row.section-title:first-child{font-size:clamp(17px,4.5vw,20px);height:1em;min-height:0;flex-shrink:0;padding:0!important;margin:0 0 5px!important}
html body [data-page="home"]>.content>.home-motto-row.section-title:first-child h3{line-height:1!important}