/* Focused pages use the existing Design2 tool surfaces and processing controls. */
body[data-focused-page] .image-task-switcher,
body[data-focused-page] #pdf-task-picker,
body[data-focused-page] #pdf-change-task,
body[data-focused-page] .tool-hero:has(+ #pdf-task-picker),
body[data-focus-format="jpg"] label:has(> #pdf-render-format){display:none!important}
.focused-guide{width:calc(100% - 48px);max-width:1120px;margin:72px auto;color:#20352d;font-family:inherit}
.focused-guide h2{font-size:clamp(21px,2.1vw,28px)!important;line-height:1.25!important;letter-spacing:-.6px!important;margin:0 0 18px!important;color:#1c3028!important}
.focused-guide h3{font-size:16px!important;line-height:1.4!important;margin:0 0 8px!important;color:#20352d!important}
.focused-guide p{font-size:15px!important;line-height:1.75!important;color:#56645f!important;margin:0!important;max-width:76ch}
.focused-eyebrow{display:block;color:#397357;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.focused-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;padding:12px 0 32px!important;margin:0!important}
.focused-steps li{display:flex;gap:14px;align-items:flex-start;padding:0!important;margin:0!important}
.focused-step-number{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#eaf3ee;color:#286c49;font-size:13px;font-weight:700}
.focused-note{border-block:1px solid #e0e7e3;padding:28px 0;margin:8px 0 36px}
.focused-note h2{font-size:19px!important;margin-bottom:12px!important}
.focused-faq{max-width:850px}
.focused-faq details{border-bottom:1px solid #e0e7e3;padding:0!important;margin:0!important}
.focused-faq summary{padding:18px 0;min-height:48px;cursor:pointer;font-size:15px;font-weight:600;line-height:1.5;color:#223c2e}
.focused-faq details p{padding:0 0 20px!important}
.focused-related{margin-top:44px}
.focused-related>div:first-child{display:flex;gap:20px;justify-content:space-between;align-items:baseline;flex-wrap:wrap}
.focused-studio-link,.focused-back{display:inline-flex;align-items:center;min-height:44px;color:#286c49;text-decoration:none;font-size:14px;font-weight:650}
.focused-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:8px}
.focused-related-grid a{display:flex;align-items:center;gap:10px;padding:18px 16px;min-height:60px;background:#fff;border:1px solid #e0e7e3;border-radius:12px;text-decoration:none;color:#20352d;font-size:14px}
.focused-related-grid a>span:last-child{margin-left:auto;color:#6b8074}
.focused-related-grid svg{width:20px;height:20px;color:#2b7250;flex-shrink:0}
.focused-related-grid a:hover{border-color:#7ca78d;background:#f6faf7}
.focused-guide :is(a,summary):focus-visible{outline:3px solid #82b99a;outline-offset:3px;border-radius:6px}
.focused-writing-intro{max-width:1280px;width:calc(100% - 64px);margin:28px auto 0}
.focused-writing-intro h1{font-size:clamp(28px,3.5vw,42px)!important;line-height:1.15!important;letter-spacing:-1px!important;color:#1c3028!important;margin:16px 0 12px!important}
.focused-writing-intro p{font-size:16px!important;line-height:1.7!important;color:#56645f!important;max-width:64ch;margin:0!important}
body[data-focused-page="word-counter"] .workspace-app-head{padding-top:24px!important}
.focused-quick-links{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}
.focused-quick-links a{padding:10px 14px;border:1px solid #dce5e0;border-radius:9px;background:#fff;color:#2b5a41;text-decoration:none;font-size:13px;min-height:44px;display:inline-flex;gap:16px;align-items:center}
@media(max-width:760px){.focused-guide{width:calc(100% - 40px);margin:48px auto}.focused-steps{grid-template-columns:1fr;gap:24px}.focused-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.focused-related-grid a{padding:14px 12px}.focused-writing-intro{width:calc(100% - 40px);margin-top:22px}}
@media(max-width:380px){.focused-related-grid{grid-template-columns:1fr}}
@media print{.focused-guide,.focused-writing-intro,.focused-quick-links,.focused-counts{display:none!important}}
/* Counting is the primary task here: totals precede document management. */
html:root body[data-focused-page="word-counter"] .focused-counts{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;max-width:1280px!important;width:calc(100% - 64px)!important;margin:24px auto 0!important;padding:16px!important;gap:12px!important;background:#f5f9f7!important;border:1px solid #dfe8e2!important;border-radius:12px!important}
html:root body[data-focused-page="word-counter"] .focused-counts .focused-count{border:0!important;background:transparent!important;min-width:0!important;padding:0!important}
html:root body[data-focused-page="word-counter"] .focused-counts .focused-count-value{font-size:23px!important;font-weight:700!important;line-height:1.3!important;color:#214d35!important}
@media(max-width:760px){html:root body[data-focused-page="word-counter"] .focused-counts{width:calc(100% - 40px)!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px 10px!important}}

.focused-count{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.focused-count-label{font-size:12px;color:#526c60;line-height:1.4}