/* Tools hub review; individual interactive tools are unchanged. */
body.tools-page{background:#030506}
.tools-page .tools-hero {position:relative;isolation:isolate;min-height:300px;display:flex;align-items:center;background:#0b1011 url('/assets/images/ww-tools-hero-v2.16.57.webp') center center/cover no-repeat;border-bottom:2px solid rgba(211,166,76,.82)}
.tools-page .tools-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,6,.24) 0%,rgba(2,4,6,.16) 28%,rgba(2,4,6,.08) 58%,rgba(2,4,6,.18) 100%),linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.24));transform:none}
.tools-page .tools-hero-inner{max-width:1230px;width:calc(100% - 74px);margin:0 auto;padding:126px 0 18px;position:relative;z-index:1}
.tools-page .tools-hero h1 {max-width:650px;font:400 clamp(42px,4.9vw,70px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:0;text-transform:none;overflow-wrap:normal;color:#f6eee6;text-shadow:0 3px 19px #000}
.tools-page .tools-hero h1 span{display:block;color:#eec471}
.tools-page .tools-hero h1::after{content:"◇";display:block;color:#e1b65e;font-size:17px;line-height:1;width:180px;text-align:center;border-bottom:1px solid #ad782b;margin-top:12px;padding-bottom:5px}
.tools-page main{position:relative;isolation:isolate;overflow:hidden;background:#080b0e}
.tools-page main::before{content:"";position:absolute;inset:300px 0 0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,rgba(2,4,7,.62),rgba(2,4,7,.26) 47%,rgba(2,4,7,.58) 100%),url('/assets/images/ww-library-atmosphere-v2.16.56.webp') center top / 1560px auto repeat-y;opacity:1}
.tools-page .tools-section{position:relative;padding:48px 0 22px;background:transparent!important;border-bottom:0}
.tools-page .tools-section:first-of-type{border-top:2px solid rgba(217,165,65,.78)}
.tools-page .tools-section:first-of-type::before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:min(340px,74vw);height:22px;pointer-events:none;background:radial-gradient(circle at 50% 50%,#d3a04b 0 4px,transparent 4.6px),linear-gradient(90deg,transparent 0,transparent 8%,rgba(211,160,75,.92) 8%,rgba(211,160,75,.92) 42%,transparent 42%,transparent 58%,rgba(211,160,75,.92) 58%,rgba(211,160,75,.92) 92%,transparent 92%,transparent 100%);filter:drop-shadow(0 0 8px rgba(211,160,75,.3))}
.tools-page .tools-section--deep{padding:22px 0 70px}
.tools-page .tools-heading{max-width:900px;margin:0 auto 30px;text-align:center}
.tools-page .tools-heading .tools-kicker{color:#ebc16c;letter-spacing:.18em;margin:0 0 10px}
.tools-page .tools-heading h2{font-size:clamp(34px,4vw,57px);color:#f4eae0;text-shadow:0 4px 16px #000}
.tools-page .tools-heading p:not(.tools-kicker){max-width:760px;margin:12px auto 0;color:#e3d6c8;font-size:15px;line-height:1.52;text-shadow:0 3px 10px #000}
.tools-page .tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tools-page .tools-grid .tool-card{position:relative;display:flex;flex-direction:column;justify-content:flex-start;min-height:0;isolation:isolate;padding:228px 24px 20px;border:2px solid rgba(217,165,65,.92);background:linear-gradient(180deg,rgba(7,10,13,.98),rgba(3,5,7,.98));box-shadow:0 14px 34px rgba(0,0,0,.60);overflow:hidden}
.tools-page .tools-grid .tool-card::before{content:"";position:absolute;z-index:0;left:0;right:0;top:0;height:202px;background-image:var(--tool-card-art);background-size:cover;background-position:center;filter:saturate(.98) contrast(1.02) brightness(.93)}
.tools-page .tools-grid .tool-card::after{content:"";position:absolute;left:0;right:0;top:202px;height:1px;background:rgba(217,165,65,.36);box-shadow:0 -30px 40px rgba(0,0,0,.38) inset}
.tools-page .tools-grid .tool-card>*{position:relative;z-index:1}
.tools-page .tools-grid .tool-card:hover,.tools-page .tools-grid .tool-card:focus-within{border-color:#f2ca82}
.tools-page .tool-card-icon{width:49px;height:49px;margin-bottom:10px;background:rgba(3,4,5,.85);border:1px solid #cf9840;font-size:26px}
.tools-page .tool-card .tool-card-tag{margin:0 0 6px;color:#f0c977;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.18em}
.tools-page .tool-card h2{font-size:clamp(24px,2.1vw,30px);line-height:1.1;color:#f4eee7}
.tools-page .tool-card>p:not(.tool-card-tag):not(.tool-card-usage){margin:9px 0 10px;color:#e4d8c9;font-size:14px;line-height:1.48}
.tools-page .tool-card ul{margin:2px 0 13px;padding-left:18px;color:#eadfce;font-size:13px;line-height:1.44}
.tools-page .tool-card li{margin:3px 0}
.tools-page .tool-card .tool-card-usage{margin:0 0 14px;border-top:1px solid rgba(227,187,107,.23);padding:10px 0 0;color:#dfd0bf;font-size:12px;line-height:1.52}
.tools-page .tool-card .tool-link{position:relative;z-index:2;margin-top:auto;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:13px 16px;border:1.5px solid #cf9f46;background:linear-gradient(180deg,#e8c46f,#c3933e);color:#141008;font:700 11px/1 Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;text-decoration:none}
.tools-page .tool-card .tool-link:hover{background:linear-gradient(180deg,#f0cf7f,#d2a14d)}
.tools-page .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tools-page .editorial-card{border:2px solid rgba(217,165,65,.83);background:linear-gradient(145deg,rgba(5,8,12,.92),rgba(3,5,8,.93));padding:25px;box-shadow:0 11px 30px rgba(0,0,0,.5)}
.tools-page .editorial-card .tools-kicker{font-size:10px}
.tools-page .editorial-card p:not(.tools-kicker){color:#d4c6b7;line-height:1.56}
.tools-page .tools-bonus-panel {display:block;max-width:880px;margin:34px auto 0;padding:30px 10px 8px;border:0;background:transparent;text-align:center;box-shadow:none}
.tools-page .tools-bonus-panel h2{font-size:clamp(40px,4vw,58px);font-weight:400;text-shadow:0 4px 20px #000}
.tools-page .tools-bonus-panel .tools-kicker{margin:0 0 10px}
.tools-page .tools-bonus-panel p:not(.tools-kicker){max-width:760px;margin:10px auto 0;color:#ece0d3;font-size:15px;line-height:1.62;text-shadow:0 3px 20px #000}
.tools-page .tools-bonus-panel p a{color:#ebc16c;text-decoration:underline;text-underline-offset:3px}
@media(max-width:950px){.tools-page .tools-grid,.tools-page .editorial-grid{grid-template-columns:1fr}.tools-page .tools-hero-inner{width:calc(100% - 36px)}}
@media(max-width:620px){.tools-page .tools-hero{min-height:274px;background-position:56% center}.tools-page .tools-hero-inner{padding:112px 0 22px}.tools-page .tools-hero h1{font-size:clamp(37px,8.6vw,50px)}.tools-page main::before{inset:274px 0 0}.tools-page .tools-heading{margin-bottom:24px}.tools-page .tools-section{padding-top:40px}.tools-page .tools-grid .tool-card{padding:194px 18px 17px}.tools-page .tools-grid .tool-card::before{height:170px}.tools-page .tools-grid .tool-card::after{top:170px}.tools-page .tools-grid{gap:18px}.tools-page .tools-section--deep{padding-top:14px}.tools-page .editorial-grid{gap:17px}.tools-page .tools-bonus-panel{margin-top:26px;padding:22px 8px}}