.resource-tool-page .page-hero .resource-detail-intro,.resources-page .page-hero .resource-index-intro{display:block;text-align:left}
.resource-index-intro,.resource-detail-intro{max-width:1000px;text-align:left}
.resource-tool-page .page-hero,.resources-page:not(.blog-page) .page-hero{padding:42px 0;background:var(--paper)}
.resource-detail-intro .lead,.resource-index-intro .lead{margin-left:0;max-width:800px}
.resource-detail-intro h1,.resource-index-intro h1{font-size:clamp(32px,3.5vw,46px)}
.resource-breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.resource-breadcrumb li+li::before{content:"/";margin-right:8px;color:var(--muted)}
.resource-breadcrumb li:last-child{color:var(--muted)}
.resource-index-intro h1,.resource-detail-intro h1{max-width:850px;margin-left:0;margin-right:0}
.resource-catalogue{padding:12px 0 64px}
.resource-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.resource-tool-card{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:28px;border:1px solid var(--line);border-radius:4px;background:var(--white);min-width:0}
.resource-tool-card>div:first-child{flex:1}
.resource-tool-card h2{font-size:27px;line-height:1.2;margin:7px 0 12px;max-width:720px}
.resource-tool-card p{max-width:750px;color:var(--muted)}
.resource-audience{font-size:14px}
.resource-list-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.resource-list-actions a,.resource-download-actions a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:15px}
.resource-detail-main{max-width:900px;padding-top:42px;padding-bottom:64px}
.resource-breadcrumb{font-size:14px;margin-bottom:18px}
.resource-breadcrumb a,.resource-back a,.resource-sources a{text-decoration:underline;text-underline-offset:3px}
.resource-hero-action{display:inline-flex;align-items:center;min-height:44px;margin-top:20px;gap:12px}
.resource-explanation-section,.resource-example,.resource-live-tool,.resource-downloads,.resource-limitations,.resource-sources{margin-bottom:36px;scroll-margin-top:110px}
.resource-detail-main h2{font-size:30px;line-height:1.2;margin-bottom:18px}
.resource-detail-main p{color:var(--muted);line-height:1.8}
.resource-detail-main p+p{margin-top:14px}
.resource-live-tool{padding-top:30px;border-top:1px solid var(--line)}
.resource-privacy{font-size:14px;margin:15px 0 25px}
.resource-tool-form{max-width:760px}
.resource-tool-form h3{font-size:24px;margin:20px 0}
.resource-tool-form label{display:flex;flex-direction:column;gap:8px;margin:20px 0;color:var(--ink);font-size:16px;min-width:0}
.resource-tool-form input,.resource-tool-form textarea{width:100%;min-height:48px;padding:12px;border:1px solid #a9babc;border-radius:4px;background:var(--white);color:var(--ink);font:inherit;resize:vertical}
.resource-tool-form label>span{font-size:14px;color:var(--muted);line-height:1.5}
.resource-tool-form input:focus-visible,.resource-tool-form textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.resource-tool-form .resource-optional-label{margin-top:-3px;font-size:13px}
.resource-optional{margin:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0}
.resource-optional summary{min-height:48px;display:list-item;align-content:center;cursor:pointer;font-size:16px}
.resource-tool-result{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.8 Inter,Arial,sans-serif;color:var(--ink);margin:22px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.resource-tool-error{color:#942e32;margin:18px 0;font-size:15px}
.resource-tool-error:empty{display:none}
.resource-tool-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:22px}
.resource-tool-form .btn{min-height:48px;white-space:normal}
.resource-download-actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:12px}
.resource-sources ul{padding-left:22px;color:var(--muted);font-size:15px;line-height:1.8}
.resource-sources li+li{margin-top:12px}
.resource-back{margin-top:40px}
@media(max-width:640px){.resource-list{grid-template-columns:minmax(0,1fr)}.resource-tool-card{gap:18px;padding:24px}.resource-tool-card h2{font-size:26px}.resource-detail-main{padding-top:30px}.resource-detail-main h2{font-size:27px}.resource-detail-main p{font-size:16px}.resource-tool-actions{flex-direction:column}.resource-tool-actions .btn{width:100%}.resource-tool-form{max-width:100%}}