.home-task-layout{max-width:1320px;padding-top:28px}
.home-task-layout .hero{display:block;min-height:0;padding:48px 36px 38px;text-align:center;border-radius:22px;background:linear-gradient(150deg,#eef6ff 0%,#f4f9ff 48%,#eaf8f2 100%)}
.home-task-layout .hero:after{width:320px;height:320px;right:-170px;top:-210px;border-color:rgba(39,100,231,.07)}
.home-task-layout .hero-copy{max-width:850px;margin:auto}
.home-task-layout .hero h1{font-size:36px;letter-spacing:-.7px;margin:18px 0 11px;color:#183b62}
.home-task-layout .hero-copy>p{max-width:none;margin:0;font-size:15px;line-height:1.7}
.home-task-layout .hero-search{max-width:680px;margin:26px auto 0;text-align:left}
.home-task-layout .hero-tags{justify-content:center;gap:13px}
.home-task-layout .hero-tags button{color:#315f85;font-weight:600}
.home-task-layout .hero-tags button:hover{text-decoration:underline}
.home-task-layout .task-section{padding:35px 0 18px}
.home-task-layout .section-title{margin-bottom:16px;gap:15px}
.home-task-layout .section-title h2{font-size:23px}
.home-task-layout .section-title p{font-size:12px}
.home-task-layout .task-grid{gap:14px}
.home-task-layout .task-card{min-height:186px;padding:19px;border-radius:15px}
.home-task-layout .task-icon{height:38px;width:38px;margin-bottom:12px;border-radius:10px}
.home-task-layout .task-card h3{font-size:17px}
.home-task-layout .task-card p{font-size:12px;min-height:39px;margin:8px 0}
.home-task-layout .task-card b{font-size:12px}
.home-detail-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(250px,.9fr);gap:17px;margin-top:20px}
.home-detail-grid>.home-guidance{background:linear-gradient(145deg,#173e66,#24658a);color:#fff;border-radius:15px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;min-height:240px}
.home-guidance>span{font-size:11px;letter-spacing:1px;color:#b9dfed}
.home-guidance h2{font-size:20px;margin:15px 0 6px}
.home-guidance p{font-size:12px;line-height:1.75;color:#d4e9f2;flex:1}
.home-guidance button{background:#fff;border:0;border-radius:8px;color:#173e66;padding:10px 14px;font-weight:700}
.home-guidance small{color:#b9d9e7;margin-top:13px;line-height:1.5}
.home-detail-grid .section-title button{border:0;background:none;color:var(--primary);font-size:12px}
.home-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.home-tool-grid button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;text-align:left;padding:14px;min-height:74px}
.home-tool-grid button:hover{border-color:#9fc5e7;box-shadow:0 8px 22px rgba(36,91,139,.08)}
.home-tool-grid b,.home-tool-grid span{display:block}
.home-tool-grid b{font-size:13px}
.home-tool-grid span{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.45}
.home-materials{display:grid;grid-template-columns:180px repeat(4,minmax(0,1fr));align-items:center;gap:9px;border-top:1px solid var(--line);margin-top:30px;padding-top:20px}
.home-materials small{color:var(--primary);font-size:11px}
.home-materials h2{font-size:19px;margin:4px 0}
.home-materials button{border:1px solid var(--line);border-radius:9px;background:#fff;color:#315f85;padding:12px 8px;text-align:center;font-size:12px}
.home-materials button:hover{border-color:#9fc5e7;background:#f5faff}
.home-search-results{margin-top:18px;border:1px solid #dbe7f1;border-radius:16px;background:#fff;box-shadow:0 14px 38px rgba(24,57,91,.07);padding:20px}
.home-search-results[hidden]{display:none}
.home-search-results>header{display:flex;align-items:start;justify-content:space-between}
.home-search-results>header small{color:var(--primary);font-size:11px}
.home-search-results h2{font-size:19px;margin:4px 0 16px}
.home-search-results>header button{border:0;background:#f1f5fa;border-radius:50%;height:29px;width:29px;font-size:20px;color:#506b82}
.home-search-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.home-search-columns section{min-width:0;border:1px solid var(--line);border-radius:11px;padding:12px}
.home-search-columns h3{font-size:13px;margin:0 0 6px}
.home-search-columns h3 span{color:var(--muted);font-weight:400}
.home-search-columns section>button{display:grid;grid-template-columns:1fr auto;gap:3px 8px;width:100%;border:0;border-top:1px solid var(--line);background:none;text-align:left;padding:10px 2px;color:var(--text)}
.home-search-columns section>button:hover{background:#f6faff}
.home-search-columns button b{font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-search-columns button small{grid-column:1;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-search-columns button i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;color:var(--primary);font-size:11px}
.home-search-columns section>p,.home-search-error{color:var(--muted);font-size:12px}
@media(max-width:1050px){.home-task-layout .task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-materials{grid-template-columns:repeat(2,minmax(0,1fr))}.home-materials>div{grid-column:1/-1}}
@media(max-width:760px){.home-task-layout{padding:16px 14px 38px}.home-task-layout .hero{padding:30px 18px}.home-task-layout .hero h1{font-size:27px}.home-task-layout .hero-copy>p{font-size:13px}.home-task-layout .section-title{align-items:flex-start;flex-direction:column}.home-task-layout .section-title p{margin:0}.home-detail-grid{grid-template-columns:1fr}.home-search-columns{grid-template-columns:1fr}.home-materials{margin-top:24px}}
@media(max-width:480px){.home-task-layout .task-grid,.home-tool-grid{grid-template-columns:1fr 1fr}.home-task-layout .task-card{min-height:176px;padding:13px}.home-task-layout .task-card h3{font-size:15px}.home-task-layout .task-card p{font-size:11px}.home-task-layout .hero-search{height:auto;min-height:52px}.home-task-layout .hero-search input{min-width:0;width:0}.home-task-layout .hero-search button{padding:8px 12px}.home-tool-grid button{padding:11px;min-height:69px}}