.tool-content-wrap{display:grid;gap:var(--space-xl);margin-top:var(--space-2xl)}.tool-content-section{position:relative;overflow:hidden;padding:var(--space-xl);border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--surface-strong),var(--surface)),radial-gradient(circle at top right,var(--accent-wash),transparent 30%);box-shadow:var(--card-shadow)}.tool-content-section:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--accent),transparent);opacity:.75}.section-head{display:flex;align-items:center;gap:.75rem;margin-bottom:var(--space-lg)}.section-head svg{flex-shrink:0;width:34px;height:34px;padding:8px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.section-head h2{margin:0;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.2;letter-spacing:-.03em}.example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md)}.example-card,.faq-item,.related-item{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-strong) 88%,transparent);box-shadow:0 10px 24px #1321290a}.example-card{display:grid;gap:.75rem;padding:var(--space-md)}.example-card strong,.related-item strong{color:var(--text);font-size:var(--text-sm)}.example-card code{display:block;max-height:160px;overflow:auto;padding:.9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--result-bg);color:#f5f7fa;font-size:var(--text-sm);line-height:1.65;white-space:pre-wrap;word-break:break-all}.faq-list{display:grid;gap:var(--space-sm)}.faq-item{padding:0;transition:border-color .15s var(--ease-out),background .15s var(--ease-out)}.faq-item[open],.faq-item:hover{border-color:var(--border-strong);background:var(--surface-strong)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);cursor:pointer;font-weight:700;color:var(--text);list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:800}.faq-item[open] summary:after{content:"-"}.faq-item p{margin:0;padding:0 var(--space-md) var(--space-md);color:var(--muted);line-height:1.7}.markdown-body{display:grid;gap:var(--space-md);color:var(--text);line-height:1.75}.markdown-frame{width:100%;min-height:320px;border:0;background:transparent}.markdown-body>*{margin:0}.markdown-body h3{margin-top:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border);color:var(--text);font-size:1.18rem;letter-spacing:-.02em}.markdown-body h3:first-child{margin-top:0;padding-top:0;border-top:0}.markdown-body p,.markdown-body li{color:var(--muted)}.markdown-body ul,.markdown-body ol{display:grid;gap:.5rem;padding-left:1.25rem}.markdown-body strong{color:var(--text)}.markdown-body code{padding:.1rem .35rem;border-radius:6px;background:var(--accent-soft);color:var(--accent)}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-md)}.related-item{display:grid;gap:.5rem;padding:var(--space-md);color:inherit;text-decoration:none;transition:transform .15s var(--ease-out),border-color .15s var(--ease-out),box-shadow .15s var(--ease-out)}.related-item:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--card-shadow)}.related-item span{color:var(--muted);font-size:var(--text-sm);line-height:1.55}