:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.8;color:#1a1a1a;background-color:#fff;font-size:16px}*{box-sizing:border-box}body{margin:0;min-width:320px}#root{max-width:720px;margin:0 auto;padding:0 1.5rem}a{color:inherit;text-decoration:underline;text-underline-offset:2px}a:hover{color:#666}h1{font-size:1.75em;font-weight:600;line-height:1.3}h2{font-size:1.25em;font-weight:600;line-height:1.3}p{margin:0 0 1em;color:#444}ul{color:#444}.layout{min-height:100vh;display:flex;flex-direction:column}.header{padding:2rem 0 1rem;border-bottom:1px solid #eee;display:flex;gap:1.5rem;align-items:baseline}.header .brand{text-decoration:none;font-weight:600}.header .nav-link{color:#666;font-size:.95em}.header .nav-link:hover{color:#1a1a1a}.main{flex:1;padding:2rem 0}.footer{padding:2rem 0 1rem;border-top:1px solid #eee;color:#999;font-size:.9em}.hero{padding:3rem 0 2rem}.hero-tagline{font-size:1.4em;font-weight:600;line-height:1.5}.hero-anchor{color:#666}.section{margin:2rem 0}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}@media(max-width:600px){.entry-grid{grid-template-columns:1fr}}.entry-card{border:1px solid #eee;padding:1.25rem}.entry-card h3{margin:0 0 .5rem;font-size:1.05em}.entry-card p{font-size:.95em}.contact-item{margin:.5rem 0}.contact-label{color:#999;margin-right:1em}.contact-placeholder{color:#bbb}.contact-note{color:#666;font-size:.9em}.back-link{font-size:.95em}.detail-meta{color:#666;font-size:.95em}.principle-item{padding:1rem 0;border-bottom:1px solid #f0f0f0}.principle-title{font-weight:600}.principle-desc{color:#444;font-size:.95em}.service-item{display:block;margin:1rem 0;padding:1rem 0;border-bottom:1px solid #f0f0f0;text-decoration:none}.service-item:hover .service-title{color:#666}.task-group{margin:1.5rem 0}.task-group-title{margin:0 0 .5rem;font-size:1em;font-weight:600}.status-tag{display:inline-block;margin-left:.75em;padding:0 .5em;font-size:.8em;font-weight:400;color:#666;border:1px solid #ddd;border-radius:2px;vertical-align:middle}.settlement-item{margin:1rem 0}.settlement-title{margin:0 0 .25rem;font-size:1em;font-weight:600}.task-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}@media(max-width:600px){.task-grid{grid-template-columns:1fr}}.task-card{display:flex;flex-direction:column;border:1px solid #eee;padding:1.25rem;text-decoration:none}.task-card:hover{border-color:#ccc}.task-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.task-card-head .status-tag{margin-left:0;flex-shrink:0}.task-card-title{font-weight:600;font-size:1.05em}.task-card-desc{color:#444;font-size:.95em;margin:0 0 .75rem}.task-card-meta{color:#999;font-size:.85em;margin:0 0 .5rem}.task-card-reward{color:#666;font-size:.9em;margin:0}.catalog-note{color:#666}.catalog-error{border:1px solid #e2b3b3;background:#fdf3f3;padding:1rem;border-radius:4px}.catalog-error p{color:#a33;margin:0 0 .5rem}.catalog-error-detail{font-size:.85em;color:#b66!important}.catalog-error button,.task-page button{font:inherit;padding:.25rem 1rem;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer}.catalog-error button:hover,.task-page button:hover{border-color:#999}