:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1c2c22;background:#f5f7f3}*{box-sizing:border-box}body{margin:0}.head{background:#14271c;color:white;display:flex;justify-content:space-between;align-items:center;padding:16px max(18px,calc((100vw - 960px)/2));gap:12px}.brand{font-weight:900;letter-spacing:.12em;font-size:calc(19px * var(--preference-text-scale, 1))}.brand span{color:#75d59a}.headRight{text-align:right;font-size:calc(11px * var(--preference-text-scale, 1));font-weight:750;letter-spacing:.06em}.headRight small{display:block;font-weight:400;color:#c4dbc9;margin-top:4px}.wrap{max-width:960px;margin:auto;padding:24px 18px 80px}.hero{background:#e7f3e9;border-radius:20px;padding:22px 24px}.hero h1{font-size:clamp(calc(25px * var(--preference-text-scale, 1)),4vw,calc(34px * var(--preference-text-scale, 1)));line-height:1.1;margin:4px 0 10px}.hero p:last-child{margin:0;color:#526b58}.eyebrow{font-size:calc(11px * var(--preference-text-scale, 1));font-weight:850;letter-spacing:.1em;color:#267643}.toolbar{display:flex;justify-content:space-between;align-items:end;margin:18px 0;gap:12px}.toolbar label{font-size:calc(12px * var(--preference-text-scale, 1));font-weight:650;display:grid;gap:6px}.toolbar input{min-height:44px;border:1px solid #bdd1c0;border-radius:10px;padding:8px;font:inherit}button,.action{min-height:44px;border:0;border-radius:11px;background:#18783f;color:white;font:inherit;font-weight:750;padding:10px 14px;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #83cda0;outline-offset:2px}button.secondary,.back{background:white;color:#186636;border:1px solid #c5d8c9}.cards{display:grid;gap:12px}.card,.panel{background:white;border:1px solid #dce5dc;border-radius:16px;padding:17px;box-shadow:0 3px 14px #1834210b}.card h2{font-size:calc(20px * var(--preference-text-scale, 1));margin:8px 0 4px}.muted{color:#617269}.card p{margin:5px 0}.pill{display:inline-block;border-radius:99px;background:#e1f3e7;color:#126b36;font-size:calc(12px * var(--preference-text-scale, 1));font-weight:800;padding:5px 9px}.meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.meta span{font-size:calc(12px * var(--preference-text-scale, 1));background:#f0f4ef;border-radius:7px;padding:7px}.hidden{display:none!important}.detail{margin-top:18px}.back{margin:0 0 18px}.jobTitle{font-size:calc(28px * var(--preference-text-scale, 1));margin:8px 0}.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:18px 0}.tabs button{background:#eaf0e9;color:#365641;padding:9px 2px;font-size:calc(13px * var(--preference-text-scale, 1))}.tabs button.active{background:#197943;color:white}.task{display:flex;align-items:flex-start;gap:12px;border:1px solid #dae5da;border-radius:13px;padding:13px;margin:10px 0;background:#fff}.task input{width:22px;height:22px;accent-color:#167b3d;margin-top:2px;flex-shrink:0}.task main{flex:1}.task strong{display:block}.task p{color:#5d6c63;margin:6px 0;font-size:calc(13px * var(--preference-text-scale, 1))}.task button{padding:6px 9px;min-height:36px;font-size:calc(12px * var(--preference-text-scale, 1));background:#e8f1e9;color:#245d34}.notice{padding:12px;background:#fff6d7;border-radius:11px;font-size:calc(13px * var(--preference-text-scale, 1));color:#624c0a;margin:14px 0}.links{display:flex;flex-wrap:wrap;gap:9px}.links a{color:#156f36;text-decoration:none;border:1px solid #b5d4bd;background:white;border-radius:10px;padding:12px;display:inline-flex;font-weight:700;font-size:calc(13px * var(--preference-text-scale, 1))}.note{width:100%;min-height:120px;padding:12px;border:1px solid #c4d4c7;border-radius:11px;font:inherit;resize:vertical}.progress{width:100%;height:12px;accent-color:#167940}.modal{position:fixed;inset:0;background:#07170bc9;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modalInner{max-height:92vh;overflow-y:auto;background:#fff;padding:20px;border-radius:18px;width:min(560px,100%)}.close{display:block;margin-left:auto;background:#e9eee9;color:#304538}.placeholder{background:linear-gradient(120deg,#d3e5d7,#eaf1ea);border-radius:12px;text-align:center;padding:36px 16px;color:#42654c}.foot{font-size:calc(12px * var(--preference-text-scale, 1));color:#6a756b;margin:12px 0}@media(max-width:580px){.wrap{padding:14px 12px 55px}.hero{padding:20px}.head{padding:14px}.tabs button{font-size:calc(12px * var(--preference-text-scale, 1))}.card{padding:15px}.jobTitle{font-size:calc(24px * var(--preference-text-scale, 1))}}