/* Independent product and knowledge pages, following approved light blue/turquoise design. */
.compact-nav{display:none}.product-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.product-grid>*{min-width:0}h2 em{font-style:normal;color:#087f98}.tool-visual{border:1px solid #d4e6ee;border-radius:25px;background:linear-gradient(140deg,#fff,#eaf8fb);padding:30px;box-shadow:0 22px 60px #1a72951c}.tool-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tool-top strong{font-size:23px;letter-spacing:-.7px}.heart{display:grid;place-items:center;background:#13485d;color:#ff899a;width:36px;height:36px;border-radius:10px}.tool-badge{font-size:8px;letter-spacing:.1em;margin-left:auto;background:#d5f3ee;border-radius:5px;padding:5px 8px}.tool-sub{font-size:12px;margin:12px 0 28px;color:#4e7182}.tool-row{display:flex;gap:16px;align-items:center;padding:17px 0;border-top:1px solid #d7e6ed}.tool-row>span{font-size:12px;color:#518296}.tool-row strong{display:block;font-size:14px}.tool-row small{font-size:11px;color:#5b7684;display:block}.tool-row b{margin-left:auto;font-size:9px;font-weight:600;background:#e0f0f6;padding:4px 8px;border-radius:6px}.micro{font-size:12px;color:#587384;margin-top:20px}.tool-visual>.micro{margin-bottom:0}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.topic-card{background:linear-gradient(150deg,#fff 40%,#edf8fc);border:1px solid #d8e9ee;border-radius:22px;padding:30px;display:flex;flex-direction:column;box-shadow:0 9px 28px #266f8d0a}.topic-card:nth-child(3n+2){background:linear-gradient(150deg,#fff,#ebf9f5)}.topic-card h3{font-size:27px;line-height:1.15}.topic-card p:not(.eyebrow){font-size:15px;color:var(--muted)}.topic-card .text-link{margin-top:auto;font-size:13px;color:#126d91}.page-intro{padding-block:30px 65px;max-width:1120px}.page-intro h1{max-width:1000px;font-size:clamp(40px,5vw,72px)}.page-intro .lead{max-width:820px}.back{display:inline-block;font-size:12px;color:#537888;text-decoration:none;margin-bottom:38px}.reading{max-width:840px}.reading h2{font-size:31px;margin-top:42px;line-height:1.2}.reading h2:first-child{margin-top:0}.reading p,.reading li{color:#405e6e}.reading li{margin-bottom:13px}.reading a{color:#116c95}.reading blockquote{margin:30px 0;border-left:4px solid #2f9aab;padding:22px 28px;background:#e4f4f7;border-radius:0 15px 15px 0}.search-label{font-weight:650;display:block;margin-top:35px}.chapter-search{width:100%;padding:15px 18px;border:1px solid #b5d5df;border-radius:10px;background:white;margin-top:12px;min-width:0}.chapter-book{border:1px solid #cfe3e9;background:#fff;border-radius:14px;margin:17px 0;overflow:hidden}.chapter-book>summary{padding:20px 23px;cursor:pointer;font-weight:650;line-height:1.5}.chapter-book>summary span{display:block;font-weight:400;color:#557787;font-size:12px;padding-left:17px}.chapter-list{padding:0 28px 15px 52px}.chapter-list li{padding:12px 0;border-top:1px solid #e4edf0;margin:0}.chapter-list small{display:block;font-size:11px;color:#698491}.chapter-list li[hidden]{display:none}.header nav{gap:22px}.header nav>a:not(.button){font-size:13px}.reading code{white-space:normal}.topic-card .eyebrow{font-size:10px}
@media(max-width:1050px){.compact-nav{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;padding-bottom:20px;border-bottom:1px solid var(--line)}.compact-nav a{text-decoration:none}.product-grid{gap:30px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-card{padding:24px}.tool-visual{padding:23px}}
@media(max-width:700px){.compact-nav{gap:12px 20px;font-size:11px}.product-grid,.topic-grid{grid-template-columns:1fr}.tool-visual{padding:22px 18px}.tool-row{gap:12px}.tool-row b{display:none}.tool-top strong{font-size:21px}.tool-badge{margin-left:0;font-size:7px}.tool-row strong{font-size:13px}.topic-card{padding:25px}.page-intro{padding-block:24px 38px}.back{margin-bottom:30px}.page-intro h1{font-size:clamp(36px,8.3vw,56px)}.reading h2{font-size:27px}.chapter-book>summary{padding:17px}.chapter-list{padding-left:40px;padding-right:18px}.reading blockquote{padding:20px}.search-label{font-size:14px}}
