.tool-hero{position:relative;overflow:hidden;border:1px solid rgba(207,174,98,.42);background:linear-gradient(135deg,rgba(33,25,47,.96),rgba(10,23,31,.97));border-radius:14px;padding:24px;margin-bottom:14px}
.tool-hero:after{content:"";position:absolute;inset:-40% -15% auto 45%;height:280px;background:radial-gradient(circle,rgba(183,145,64,.18),transparent 66%);pointer-events:none}
.tool-hero h2{font-family:serif;font-size:25px;color:#e9d8a6;margin-bottom:8px}
.tool-hero p{max-width:850px;line-height:1.85;color:#bac2d2}
.tool-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.tool-badge{border:1px solid rgba(194,164,105,.28);background:rgba(255,255,255,.035);border-radius:999px;padding:5px 10px;font-size:11px;color:#d9c89e}
.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tool-card{position:relative;min-height:210px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(27,34,50,.98),rgba(15,20,30,.98));padding:18px;display:flex;flex-direction:column;overflow:hidden}
.tool-card:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-35px;top:-35px;background:radial-gradient(circle,rgba(145,103,191,.12),transparent 70%)}
.tool-icon{font-size:28px;margin-bottom:10px}.tool-card h3{font-size:16px;color:#e6d7ad;margin-bottom:7px}.tool-card p{font-size:12px;line-height:1.7;color:#9faabd;flex:1}
.tool-meta{font-size:10.5px;color:#6f819a;margin:10px 0}.tool-actions{display:flex;gap:7px;flex-wrap:wrap}
.tool-health{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}
.health-cell{border:1px solid rgba(129,145,170,.18);background:rgba(8,12,19,.42);border-radius:8px;padding:10px}
.health-cell b{display:block;color:#c9d6e8;font-size:12px}.health-cell span{font-size:10px;color:#77879d}
.ink-stage{background:#eee9df;color:#2e2924;border-radius:14px;padding:18px;box-shadow:inset 0 0 80px rgba(80,60,30,.08);position:relative;overflow:hidden}
.ink-stage:before{content:"";position:absolute;inset:0;opacity:.12;background:radial-gradient(circle at 15% 20%,#725d45 0 1px,transparent 2px),radial-gradient(circle at 75% 65%,#725d45 0 1px,transparent 2px);background-size:44px 41px,61px 57px;pointer-events:none}
.ink-poster{display:block;width:100%;max-width:760px;margin:0 auto 20px;border:1px solid rgba(79,59,38,.16);border-radius:14px;box-shadow:0 12px 28px rgba(45,34,24,.14)}
.ink-poster .ink-title{font:600 17px serif;fill:#785043;letter-spacing:3px}.ink-poster .ink-name{font:700 34px serif;fill:#382921}.ink-poster .ink-sub{font:500 15px serif;fill:#6f594b;letter-spacing:2px}.ink-poster .seal{font:700 15px serif;fill:#f4dfc5;text-anchor:middle}
.hex-layout{display:grid;grid-template-columns:210px 1fr;gap:22px;position:relative}
.hex-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hex-figure{text-align:center}.hex-figure h4{color:#5d241f;font:700 17px serif;margin-bottom:8px}
.hex-lines{display:flex;flex-direction:column;gap:8px;margin:10px auto;width:112px}.hex-line{height:12px;display:flex;gap:12px}.hex-line i{display:block;height:100%;background:#161616;flex:1;border-radius:1px}.hex-line.moving i{background:#a62e28}.hex-line.yang i:first-child{flex-basis:100%}.hex-line.yang i:last-child{display:none}
.hex-copy{border-left:1px solid rgba(75,56,38,.2);padding-left:20px}.hex-copy h3{font:700 24px serif;color:#4b2520;margin-bottom:8px}.hex-copy h4{font:700 14px serif;color:#7d332d;margin:14px 0 5px}.hex-copy p,.hex-copy li{font-size:13px;line-height:1.8;color:#423c35}.hex-copy ul{padding-left:20px}
.hex-aspects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hex-aspects>div{border:1px solid rgba(91,69,46,.18);background:rgba(255,255,255,.28);border-radius:8px;padding:10px}.hex-aspects b{color:#7d332d}.hex-aspects p{margin:3px 0 0}
.astro-layout{display:grid;grid-template-columns:340px 1fr;gap:14px}.astro-wheel{width:100%;max-width:520px;aspect-ratio:1;margin:auto}.planet-table{width:100%;border-collapse:collapse}.planet-table th,.planet-table td{padding:8px;border-bottom:1px solid var(--line);font-size:12px;text-align:left}
.pillar-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pillar{border:1px solid rgba(196,161,82,.28);border-radius:8px;text-align:center;padding:12px;background:rgba(201,162,39,.05)}.pillar b{display:block;font:700 25px serif;color:#ead6a0}.pillar span{font-size:10px;color:#8493a7}
.checker-result{border-radius:9px;padding:12px 14px;margin-top:10px;line-height:1.75}.checker-result.ok{border:1px solid #2d8d68;background:rgba(45,141,104,.08)}.checker-result.warn{border:1px solid #bf9130;background:rgba(191,145,48,.08)}.checker-result.bad{border:1px solid #b44e5d;background:rgba(180,78,93,.08)}
.record-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.record-summary{font-size:12px;color:#8da0ba}.small-code{font-family:ui-monospace,monospace;font-size:11px;word-break:break-all}
@media(max-width:980px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.astro-layout{grid-template-columns:1fr}.hex-layout{grid-template-columns:1fr}.hex-copy{border-left:0;border-top:1px solid rgba(75,56,38,.2);padding:16px 0 0}.tool-health{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.tool-grid{grid-template-columns:1fr}.tool-card{min-height:180px}.hex-pair{gap:7px}.ink-stage{padding:12px}.tool-health{grid-template-columns:1fr 1fr}.pillar-row{grid-template-columns:1fr 1fr}.hex-aspects{grid-template-columns:1fr}}
.tool-card.clickable{cursor:pointer;transition:border-color .18s ease,transform .18s ease}
.tool-card.clickable:hover{border-color:#8267b8;transform:translateY(-2px)}
.page-return{max-width:1560px;margin:12px auto 0;padding:0 14px}
.astro-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.astro-reading{border:1px solid var(--line);border-left:3px solid #b99b51;border-radius:8px;padding:12px;background:#111927;line-height:1.65}
.astro-reading h4{margin:0 0 5px;color:#ead18a}
@media(max-width:800px){.astro-reading-grid{grid-template-columns:1fr}}