@charset "UTF-8";
:root{--ink:#172b3b;--muted:#65737c;--paper:#f6f5f1;--line:#dce1df;--accent:#b65b3e;--soft:#f7e9df;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;overflow-y:scroll}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI","Microsoft JhengHei",sans-serif;font-size:15px;line-height:1.65}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button,a,input,textarea,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b65b3e;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #628795;outline-offset:1px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h2{font-size:22px;letter-spacing:-.5px;line-height:1.5}h3{font-size:16px}button{border:0;background:none;color:var(--ink)}[hidden]{display:none!important}.topbar{height:78px;padding:0 4.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fbfbf8}.brand{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:1.5px;font-weight:600}.brand b{font-weight:400;color:var(--muted)}.brand-mark{background:var(--ink);color:#f5d5b4;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:29px}.topnote{font-size:12px;color:var(--muted)}.version{font-size:10px;margin-left:18px;border:1px solid var(--line);border-radius:5px;padding:3px 8px}main{max-width:1392px;margin:auto;padding:0 44px}.intro{display:flex;justify-content:space-between;align-items:center;padding:48px 0 36px;gap:30px}.eyebrow{font-size:10px;letter-spacing:2.3px;color:var(--muted);font-weight:700;margin-bottom:8px}h1{font-size:clamp(27px,3.1vw,42px);font-weight:600;letter-spacing:-1.6px;line-height:1.5}h1 span{color:var(--accent)}.lead{margin-top:14px;color:var(--muted);font-size:14px;line-height:1.9}.mobile-break{display:none}.intro-stats{display:flex;align-items:center;gap:30px;flex-shrink:0;padding-right:8px}.intro-stats strong{font-size:42px;font-family:Georgia,serif;font-weight:400;line-height:1.1}.intro-stats span{display:block;font-family:"Microsoft JhengHei",sans-serif;font-size:11px;color:var(--muted);margin-top:10px}.intro-stats i{width:1px;height:48px;background:var(--line)}.steps{display:flex;align-items:center;gap:35px;padding:18px 0;border-top:1px solid var(--line);margin-bottom:26px;font-size:13px}.steps b{font-family:Georgia,serif;margin-right:8px;color:var(--accent);font-weight:400}.steps small{margin-left:auto;color:var(--muted);font-size:11px}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:27px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.search{display:flex;align-items:center;gap:8px;width:340px;background:var(--paper);padding:4px 12px;border:1px solid var(--line);border-radius:9px}.search span{font-size:25px}.search input{border:0;background:none;width:100%;padding:8px 0;font-size:13px;min-width:0}.departments{display:flex;gap:7px;flex-wrap:wrap}.dept{font-size:13px;padding:8px 15px;border:1px solid var(--line);border-radius:7px;color:var(--muted);transition:background .15s}.dept:hover{background:var(--paper)}.dept.active{background:var(--ink);border-color:var(--ink);color:white}.catalog-meta{display:flex;align-items:center;justify-content:space-between;margin:17px 0 10px;color:var(--muted);font-size:12px}.text-button{font-size:12px;padding:6px 2px;color:var(--accent);min-height:32px}.text-button:hover{text-decoration:underline}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.task-card{text-align:left;border:1px solid var(--line);border-radius:10px;padding:16px 17px;position:relative;transition:border-color .15s,background .15s;min-width:0}.task-card:hover{background:#f8faf9;border-color:#889b9e}.task-card.active{border-color:#466c73;background:#eff5f3;box-shadow:inset 0 0 0 1px #466c73}.task-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.task-top span{font-size:10px;color:var(--muted);letter-spacing:.5px}.task-top i{font-style:normal;color:#6b8588;font-size:14px}.task-card strong{font-size:15px;font-weight:600;display:block}.task-card p{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.6}.catalog-bottom{text-align:center;margin-top:9px}.workspace{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:22px;margin-top:22px}.brief,.result{padding:28px}.step-badge{font-family:Georgia,serif;font-size:27px;color:#cad2d1}.selected-task{background:var(--paper);border-radius:8px;border-left:3px solid var(--accent);padding:11px 14px;font-size:13px;margin-bottom:22px}.selected-task small{display:block;color:var(--muted);font-size:11px}.selected-task strong{font-weight:600}form>label,.extra-content>label,#questions label{display:block;font-size:13px;font-weight:600;margin:20px 0 8px}.required{font-weight:400;font-size:10px;color:var(--accent);float:right;padding-top:3px}form input,form textarea,form select{width:100%;border:1px solid #d5dcda;border-radius:8px;padding:12px;color:var(--ink);background:white;font-size:13px;line-height:1.7}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#89949b}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0;padding:15px 0}summary{cursor:pointer;font-weight:600;font-size:13px}summary span{float:right;font-size:11px;font-weight:400;color:var(--muted)}.extra-content{padding:1px 0 9px}.field-hint{font-size:11px;line-height:1.6;color:var(--muted);margin:8px 0}.primary{display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;width:100%;padding:15px 20px;border-radius:9px;margin-top:23px;font-weight:600;font-size:14px}.primary:hover{background:#294858}.primary span{font-size:22px;font-weight:400}.privacy{font-size:10px;text-align:center;color:var(--muted);margin-top:11px}.result{background:#fcfdfa;min-height:630px}.empty{text-align:center;padding:64px 15px 45px}.empty-icon{font-size:58px;line-height:1;color:var(--accent);margin-bottom:25px}.empty h3{font-size:19px}.empty p{margin-top:12px;font-size:13px;color:var(--muted);line-height:1.9}.structure-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:24px 0 30px}.structure-tags span{font-size:10px;border:1px solid var(--line);border-radius:4px;padding:4px 8px;color:var(--muted)}.secondary{padding:10px 15px;background:white;border:1px solid #b9c8c7;border-radius:7px;font-size:12px}.result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.result-toolbar>span{font-size:11px;color:var(--muted)}.copy-button{background:var(--ink);color:white;border-radius:7px;padding:10px 15px;font-size:12px;flex-shrink:0}#output{width:100%;min-height:550px;padding:20px;border:1px solid #dce3dc;background:white;border-radius:9px;color:var(--ink);font-family:inherit;font-size:13px;line-height:1.95;resize:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.missing-box{background:var(--soft);padding:16px 18px;border-radius:9px;margin:18px 0}.missing-box h3,.howto h3{font-size:12px}.missing-box ul{margin:8px 0 0;padding-left:18px;color:#705346;font-size:12px;overflow-wrap:anywhere}.howto p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:8px}.result-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:20px;padding-top:10px}.muted{color:var(--muted)}.notice{font-size:12px;background:#fff0da;padding:10px 13px;border-radius:6px;margin-bottom:10px}footer{padding:32px 0 28px;display:flex;gap:18px;align-items:center;color:var(--muted);font-size:10px}footer>span{font-size:9px;letter-spacing:1px;color:var(--ink);font-weight:700}footer small{margin-left:auto;font-size:9px}#load-error{padding:15px;background:var(--soft)}.no-results{padding:24px;color:var(--muted);font-size:13px;grid-column:1/-1}
@media(min-width:1600px){main{padding:0 54px}}@media(max-width:1000px){main{padding:0 25px}.intro-stats{gap:20px}.intro-stats strong{font-size:33px}h1{font-size:31px}.steps{gap:20px}.panel,.brief,.result{padding:22px}.search{width:285px}.task-grid{grid-template-columns:repeat(2,1fr)}.workspace{gap:16px}.topnote{font-size:10px}footer{flex-wrap:wrap}footer small{margin-left:0}}
@media(max-width:720px){.topbar{height:65px;padding:0 20px}.brand{font-size:11px;gap:9px;letter-spacing:1px}.brand-mark{width:30px;height:30px;font-size:26px}.topnote{display:none}main{padding:0 16px}.intro{padding:28px 2px 23px;display:block}.intro .eyebrow{font-size:8px;letter-spacing:1.7px}h1{font-size:28px;line-height:1.55;letter-spacing:-1px}h1 span{display:block}.lead{font-size:12px;margin-top:10px;line-height:1.85}.mobile-break{display:block}.intro-stats{display:none}.steps{justify-content:space-between;gap:6px;font-size:11px;padding:13px 2px;margin-bottom:17px}.steps b{margin-right:4px}.steps small{display:none}.panel,.brief,.result{padding:20px 16px;border-radius:13px}.section-head{align-items:start;flex-wrap:wrap;gap:15px;margin-bottom:16px}h2{font-size:19px}.eyebrow{font-size:8px;margin-bottom:6px}.search{width:100%;padding:3px 10px}.search input{font-size:12px}.departments{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:2px 1px 9px;scrollbar-width:thin}.dept{white-space:nowrap;padding:7px 12px;font-size:12px;flex-shrink:0}.catalog-meta{margin-top:8px;font-size:11px}.task-grid{grid-template-columns:1fr;gap:8px}.task-card{padding:12px 13px}.task-card strong{font-size:14px}.task-card p{font-size:11px}.task-top{margin-bottom:3px}.catalog-bottom{margin-top:4px}.workspace{grid-template-columns:1fr;margin-top:16px;gap:16px}.brief .section-head,.result .section-head{flex-wrap:nowrap}.result{min-height:420px}.empty{padding:35px 5px}.empty h3{font-size:17px}.empty-icon{font-size:44px}.empty p{font-size:12px}form input,form textarea,form select{font-size:16px;padding:10px}form input::placeholder,form textarea::placeholder{font-size:13px}summary span{font-size:10px}#output{padding:14px;font-size:13px}.result-toolbar>span{font-size:10px}.copy-button{padding:10px 12px}footer{display:block;padding:24px 5px;line-height:1.8}footer p{margin:7px 0}.primary{min-height:52px}.text-button{min-height:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.task-entry{display:grid;grid-template-rows:1fr auto;min-width:0}.task-entry .task-card{border-radius:10px 10px 0 0;width:100%;height:100%}.task-example{border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;background:#fafbf8;text-align:left;color:var(--accent);font-size:12px;padding:9px 16px;min-height:42px}.task-example:hover{background:var(--soft)}.selected-example{display:flex;align-items:center;gap:10px}.selected-example .selected-task{flex:1;min-width:0;margin-bottom:0}.selected-example .secondary{flex-shrink:0;min-height:44px}.example-hint{font-size:11px;color:var(--muted);line-height:1.7;margin:10px 0 0}.example-status{font-size:12px;color:#315b52;line-height:1.8;background:#eef5ef;border-radius:8px;padding:12px;margin:12px 0 6px}.example-status:empty{display:none}@media(max-width:720px){.selected-example{align-items:stretch;flex-direction:column}.selected-example .secondary{text-align:center}.task-example{min-height:44px;font-size:12px}}