body.task-detail{background:#fff;color:#202124}
body.task-detail .wrap{width:min(100% - 48px,1000px)}
body.task-detail main{font-size:17px}
body.task-detail main>header{padding:36px 0 44px}
body.task-detail h1{max-width:850px;font-size:clamp(34px,4.8vw,56px);line-height:1.12}
body.task-detail .eyebrow{color:#536375;letter-spacing:.09em}
.task-tags{display:flex;gap:8px;flex-wrap:wrap}
.task-tags span{font-size:13px;line-height:1.5;padding:5px 11px;background:#f0f4f8;border-radius:6px}
body.task-detail .task-result{font-size:24px;line-height:1.45;max-width:770px;margin:20px 0 12px}
body.task-detail .lede{font-size:17px;max-width:800px;color:#606772}
body.task-detail .review{max-width:820px;font-size:13px}
body.task-detail main>section{padding:36px 0;border-color:#e4e8ef}
body.task-detail h2{font-size:28px}
body.task-detail h3{font-size:18px;margin:0 0 8px}
.task-conditions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.task-conditions>div{padding:20px;border:1px solid #e0e6ef;border-radius:12px;background:#fbfcff}
.task-conditions p{font-size:15px;margin:0;color:#4d5765}
.task-prompt-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid #dde5f0;font-size:13px;font-weight:600}
body.task-detail .prompt-template{border:1px solid #d5dfee;border-radius:14px;overflow:hidden;background:#f7f9fd}
body.task-detail pre{font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;margin:0;padding:24px;color:#25374c}
body.task-detail .copy-prompt{border:0;border-radius:8px;background:#2563eb;color:#fff;font:inherit;font-weight:600;font-size:14px;line-height:1.4;padding:11px 17px;min-height:44px;cursor:pointer}
body.task-detail [hidden]{display:none!important}
body.task-detail :is(button,pre):focus-visible{outline:3px solid #2563eb;outline-offset:4px}
body.task-detail .copy-status{margin:0;padding:0 24px 16px;font-size:14px;color:#244c89}
body.task-detail .copy-status:empty{padding:0}
body.task-detail .task-note{font-size:14px;color:#616b78}
.task-steps{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.task-steps>li{display:flex;gap:16px;padding:20px 0;margin:0;counter-increment:steps}
.task-steps>li:before{content:counter(steps);flex:none;display:grid;place-items:center;width:34px;height:34px;background:#edf3ff;color:#245bc3;border-radius:50%;font-size:14px;font-weight:700}
.task-steps p{margin:0;color:#56606c;font-size:16px}
body.task-detail .guide-toc{background:#f9fafc;border-color:#e4e8ef;margin:22px 0}
body.task-detail .guide-toc ul{display:flex;flex-wrap:wrap;gap:0 22px}
body.task-detail .guide-toc a{font-size:14px}
body.task-detail .sample{background:#f7f9fd;border-color:#7da4e3;border-radius:0 10px 10px 0}
body.task-detail .check{background:#f6f9ff;border-color:#dce5f2}
.task-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.task-related a{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid #dde4ef;border-radius:12px;text-decoration:none}
.task-related a:hover{border-color:#2563eb;background:#fafcff}
.task-related span{font-size:14px;color:#606b79}
body.task-detail #next .cta{background:#2563eb}
body.task-detail .breadcrumbs [aria-current]{flex-basis:auto}
body.task-detail .breadcrumbs{border-bottom:0;font-size:12px}
body.task-detail main section[id]{scroll-margin-top:88px}
@media(max-width:640px){body.task-detail .wrap{width:calc(100% - 32px)}
body.task-detail main>header{padding:24px 0 28px}
body.task-detail .task-result{font-size:21px}
.task-conditions,.task-steps,.task-related>div{grid-template-columns:1fr}
body.task-detail main>section{padding:28px 0}
.task-prompt-bar{align-items:flex-start;flex-direction:column;gap:10px;padding:16px}
body.task-detail pre{padding:16px;font-size:13px}
body.task-detail .copy-status{padding-left:16px}
body.task-detail h2{font-size:25px}
.task-steps{gap:0}
.task-conditions{gap:12px}
}


body.site-shell.site-article.task-detail main > header > p.review { font-size:13px; line-height:1.6; }

body.site-shell.site-article.task-detail main > header > p.lede { font-size:17px; line-height:1.7; }

body.site-shell.site-article.task-detail main > header > p.task-result { font-size:24px; line-height:1.45; }

@media(max-width:640px) { body.site-shell.site-article.task-detail main > header > p.task-result { font-size:21px; }
 }