.tool-detail-page{--detail-muted: color-mix(in srgb, var(--color-base-content) 75%, var(--color-base-100));--detail-line: color-mix(in srgb, var(--color-base-content) 12%, transparent);--detail-mint: #e9f5ef;--detail-amber: #fbf1dc;--detail-lavender: #f1ecfa;color:var(--color-base-content)}.detail-container{width:min(100% - 6rem,1184px);margin-inline:auto}.detail-hero{padding-block:80px 72px;background-image:radial-gradient(ellipse at top right,color-mix(in srgb,var(--color-primary) 6%,transparent),transparent 65%),radial-gradient(ellipse at bottom left,color-mix(in srgb,var(--color-accent) 6%,transparent),transparent 60%)}.detail-hero-layout{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:56px}.detail-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;margin-bottom:26px;border:1px solid color-mix(in srgb,var(--color-primary) 15%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-base-100) 65%,transparent);color:var(--color-primary);font-size:.75rem;font-weight:750;line-height:1.6}.detail-eyebrow:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.detail-hero h1{font-size:clamp(2.25rem,3.8vw,3.3rem);font-weight:850;line-height:1.15;letter-spacing:-.045em;text-wrap:balance}.detail-hero h1 span{display:block;margin-top:16px;color:var(--color-primary)}.detail-lead{margin-top:28px;font-size:1rem;line-height:1.95;color:var(--detail-muted);max-width:640px}.detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:30px}.detail-actions .btn{font-size:.9rem;min-height:48px;height:auto;padding-block:12px;white-space:normal}.detail-text-link{display:inline-flex;align-items:center;gap:10px;padding-block:8px;color:var(--color-primary);font-size:.875rem;font-weight:750;text-underline-offset:5px}.detail-text-link svg{flex-shrink:0}.detail-text-link:hover{text-decoration:underline}.detail-note{margin-top:24px;font-size:.8rem;line-height:1.8;color:var(--detail-muted)}.detail-hero-art{min-width:0}.detail-hero-art img{width:100%;height:auto;aspect-ratio:3 / 2;object-fit:contain}.tool-detail-page .detail-overview>div{max-width:1216px}.detail-overview .zigzag-row{padding:30px;border:1px solid var(--detail-line);border-radius:24px;background:linear-gradient(120deg,var(--detail-mint),var(--color-base-100) 85%);gap:36px;box-shadow:0 12px 30px color-mix(in srgb,var(--color-primary) 4%,transparent)}.detail-overview .zigzag-row:nth-child(2n){background:linear-gradient(120deg,var(--detail-lavender),var(--color-base-100) 85%)}.detail-overview .zigzag-row h3{font-size:clamp(1.3rem,2vw,1.75rem)}.detail-overview .zigzag-row p{font-size:.95rem;line-height:1.95;color:var(--detail-muted)}.detail-overview .zigzag-art{border:0;border-radius:16px;box-shadow:none}.detail-overview>div>.flex{gap:28px}.tool-detail-page .detail-guide>div{max-width:1040px}.detail-guide .guide-step{background:linear-gradient(120deg,var(--detail-mint),var(--color-base-100) 85%);border-color:var(--detail-line);border-radius:22px;box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary) 3%,transparent)}.detail-guide .guide-step:nth-child(3n+2){background:linear-gradient(120deg,var(--detail-amber),var(--color-base-100) 85%)}.detail-guide .guide-step:nth-child(3n){background:linear-gradient(120deg,var(--detail-lavender),var(--color-base-100) 85%)}.detail-guide .guide-step h3{font-size:1.25rem;line-height:1.5}.detail-guide .guide-step p{line-height:1.9}.detail-features article{border-radius:22px;border-color:var(--detail-line);background:linear-gradient(135deg,var(--detail-mint),var(--color-base-100) 90%)}.detail-features article:nth-child(3n+2){background:linear-gradient(135deg,var(--detail-amber),var(--color-base-100) 90%)}.detail-features article:nth-child(3n){background:linear-gradient(135deg,var(--detail-lavender),var(--color-base-100) 90%)}.tool-detail-page .detail-faq>div{max-width:900px}.detail-faq .collapse{border-radius:18px}.detail-faq .collapse-title{font-size:1rem}.detail-related-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:32px}.detail-related-heading h2{font-size:clamp(1.75rem,2.5vw,2.25rem);line-height:1.3;font-weight:800;letter-spacing:-.03em}.detail-related-heading p{margin-top:16px;color:var(--detail-muted);line-height:1.8}.detail-related-heading>a{flex-shrink:0}.detail-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.detail-related-card{--related-tint: var(--detail-mint);display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--color-base-content) 10%,var(--related-tint));border-radius:20px;padding:26px;background:color-mix(in srgb,var(--related-tint) 80%,var(--color-base-100))}.detail-related-card:nth-child(3n+2){--related-tint: var(--detail-amber)}.detail-related-card:nth-child(3n){--related-tint: var(--detail-lavender)}.detail-related-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,var(--related-tint));margin-bottom:18px}.detail-related-card h3{font-size:1.1rem;font-weight:750;line-height:1.5}.detail-related-card p{margin-top:14px;color:var(--detail-muted);font-size:.875rem;line-height:1.85}.detail-related-card a{margin-top:auto;padding-top:24px;justify-content:space-between}.tool-detail-page :is(a,summary):focus-visible{outline:3px solid var(--color-primary);outline-offset:5px;border-radius:5px}[data-theme=brand-dark] .tool-detail-page{--detail-muted: #c4d8d2;--detail-mint: #203c34;--detail-amber: #3a3526;--detail-lavender: #342e43}@media(prefers-color-scheme:dark){:root:not([data-theme]) .tool-detail-page{--detail-muted: #c4d8d2;--detail-mint: #203c34;--detail-amber: #3a3526;--detail-lavender: #342e43}}@media(max-width:1023px){.detail-container{width:calc(100% - 3rem)}.detail-hero{padding-block:64px}.detail-hero-layout{gap:28px}.detail-overview .zigzag-row{padding:24px;gap:24px}.detail-hero h1{font-size:2.5rem}.detail-related-grid{gap:16px}.detail-related-card{padding:22px}}@media(max-width:767px){.detail-container{width:calc(100% - 2.5rem)}.detail-hero{padding-block:48px 36px}.detail-hero-layout{grid-template-columns:1fr;gap:24px}.detail-hero h1{font-size:clamp(2.1rem,8vw,2.8rem)}.detail-eyebrow{font-size:.7rem;padding:8px 12px;margin-bottom:22px}.detail-lead{font-size:.95rem;line-height:1.9;margin-top:24px}.detail-actions{gap:16px 24px}.detail-actions .btn{font-size:.85rem}.detail-hero-art{width:100%;max-width:440px;margin-inline:auto}.detail-overview .zigzag-row{padding:22px;border-radius:20px}.detail-related-heading{flex-direction:column;align-items:flex-start;gap:12px}.detail-related-grid{grid-template-columns:1fr}.detail-guide .guide-step h3{font-size:1.15rem}.detail-guide .guide-step{padding:24px}}.tool-detail-page [data-interactive] .btn{height:auto;min-height:2.5rem;padding-block:.55rem;white-space:normal;overflow-wrap:anywhere;line-height:1.35}.tool-detail-page [data-interactive] .btn-xs{min-height:1.75rem;padding-block:.3rem}.tool-detail-page :is(h1,h2,h3,h4,label,.detail-text-link){overflow-wrap:anywhere}.tool-detail-page [data-tool-display] pre{white-space:pre-wrap;overflow-wrap:anywhere}