/* Shared spacing applies to public content, without changing tool calculations. */
main{line-height:1.65}main h1,main h2,main h3{line-height:1.35;word-break:normal;overflow-wrap:break-word}
.tool-intro{padding:28px 0 24px}.tool-intro h1{margin:0 0 12px;letter-spacing:-.025em}.tool-intro p{max-width:76ch;font-size:15px;line-height:1.75}
.tool-layout{gap:24px;align-items:start}.tool-panel{padding:26px}.tool-panel>p,.tool-panel>form>p{margin:12px 0 18px;line-height:1.75}
.tool-panel h2{margin:0 0 14px}.tool-panel h3{margin:22px 0 10px}.field-row{gap:18px;margin:18px 0}.tool-panel label{line-height:1.5;gap:9px}.actions{gap:12px;margin-top:20px;margin-bottom:12px}
.button,.text-button{line-height:1.45;white-space:normal;max-width:100%;min-height:44px}.tool-result{margin-top:24px;padding:20px;line-height:1.7}.tool-result p+p{margin-top:12px}
.supporting-panel p,.search-help p{line-height:1.8}.supporting-panel details+details{margin-top:14px}.supporting-panel details p{margin-top:12px}
.search-help{margin:32px 0;padding-top:24px}.search-help h2{margin-bottom:18px}.search-help h3{margin:20px 0 10px}.search-help p{margin:12px 0}.case-grid{gap:20px}.case-grid article{padding:20px}.case-grid h3{margin:0 0 12px}
.tool-tutorial{margin:36px 0;padding:30px;scroll-margin-top:24px}.tool-tutorial h2{margin:0 0 12px}.tool-tutorial>p{max-width:78ch;line-height:1.75;margin:0 0 26px}.tutorial-grid{gap:32px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.tutorial-grid h3{margin:0 0 18px}.tool-tutorial ol{margin:0;padding-left:26px}.tool-tutorial li{padding-left:4px;margin-bottom:20px;line-height:1.8}.tutorial-actions{margin-top:18px;gap:16px}.tool-tutorial .tutorial-note{margin:16px 0 0;line-height:1.8}.tutorial-grid>div+div p{margin:14px 0}.tutorial-grid>div+div h3:not(:first-child){margin-top:28px}
.article p,.article li{line-height:1.85}.article h2{margin-top:34px;margin-bottom:16px}.article h3{margin-top:26px;margin-bottom:12px}.article table{display:block;overflow-x:auto}.tool-card{gap:16px}.tool-card p{line-height:1.75}.breadcrumb{padding-top:18px;padding-bottom:6px}
.compact-header{row-gap:16px;padding-top:18px;padding-bottom:18px}.compact-header .tool-nav{gap:8px}.tool-nav a{line-height:1.5}.language-choice{line-height:1.5}footer{margin-top:36px;row-gap:24px}footer nav{gap:16px 22px;line-height:1.6}
.caption-choice{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px;font-size:13px}.caption-choice select{min-width:150px;max-width:100%}.tutorial-sample{margin:24px 0 0;padding:18px;border:1px solid var(--line);border-radius:12px}.tutorial-sample img{display:block;width:100%;height:auto;border-radius:8px}.tutorial-sample figcaption{margin:14px 0;font-size:13px;line-height:1.8;color:var(--muted)}.tutorial-sample a{display:inline-block;color:var(--green);text-decoration:underline;font-size:14px;line-height:1.6}
footer.wrap{margin-top:36px}
@media(max-width:900px){.tutorial-grid{grid-template-columns:minmax(0,1fr);gap:28px}.tutorial-grid>div+div{border-top:1px solid var(--line);padding-top:24px}}
@media(max-width:720px){.wrap{padding-left:18px;padding-right:18px}.tool-intro{padding:22px 0}.tool-intro h1{font-size:24px}.tool-intro p{font-size:14px}.tool-panel{padding:20px}.tool-layout{gap:20px}.tool-tutorial{padding:20px;margin:28px 0}.tool-tutorial>p{margin-bottom:22px;font-size:14px}.tool-tutorial li{margin-bottom:18px}.search-help{margin:28px 0}.field-row{gap:14px}.compact-header{row-gap:14px}.tool-nav a{padding:10px 12px}.tutorial-actions{gap:14px}.tutorial-note{font-size:13px}}
@media(max-width:720px){main.article h1{font-size:30px;letter-spacing:-.6px;line-height:1.35;margin:20px 0 18px}}
