.volunteer-page{max-width:980px;margin:0 auto;padding-bottom:4rem;display:flex;flex-direction:column;gap:1.75rem}.volunteer-nav{margin-bottom:.25rem}.volunteer-nav__back{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;color:#6a4020;text-decoration:none;padding:.35rem .6rem;border-radius:var(--radius-sm);border:1px solid transparent;transition:background-color .12s ease,border-color .12s ease}.volunteer-nav__back:hover{background:rgb(180 140 60/.12);border-color:rgb(180 140 60/.3);color:#1a0e04}.volunteer-hero{position:relative;display:flex;flex-direction:column;gap:.75rem;background:repeating-linear-gradient(-52deg,transparent,transparent 18px,rgb(200 160 80/.035) 0,rgb(200 160 80/.035) 19px),radial-gradient(ellipse at 88% 12%,rgb(200 158 60/.14),transparent 14rem),linear-gradient(160deg,#f4ead0,#e8d8a8);padding:1.75rem 1.5rem;border:3px solid var(--color-cream-400);border-radius:var(--radius-md);box-shadow:inset 0 1px 0 rgb(200 158 60/.18),6px 6px 0 rgb(120 72 24/.32)}.volunteer-hero:after,.volunteer-hero:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--color-gold-300),#f6df9e);box-shadow:0 0 0 2px var(--color-cream-300),0 2px 4px rgb(120 72 24/.16)}.volunteer-hero:before{top:8px;left:8px}.volunteer-hero:after{top:8px;right:8px}.volunteer-hero__eyebrow{font-size:.75rem;letter-spacing:.12em;color:var(--color-manga-speed);font-weight:700}.volunteer-hero__title{font-size:1.875rem;font-weight:800;color:#1a0e04;margin:0;letter-spacing:.02em}.volunteer-hero__desc{margin:0;font-size:.9375rem;line-height:1.7;color:#503218;max-width:52ch}.volunteer-hero__tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:.25rem 0 0}.volunteer-hero__tag{padding:.2rem .65rem;font-size:.8125rem;font-weight:700;color:#6a3c10;background:rgb(255 252 240/.85);border:2px solid rgb(180 140 60/.45);border-radius:var(--radius-sm);box-shadow:2px 2px 0 rgb(120 72 24/.18)}.volunteer-scores__link{display:inline-flex;align-items:center;margin-top:.35rem;font-size:.8125rem;font-weight:700;color:#6a4020;text-decoration:none;min-height:44px}.volunteer-scores__link:hover{color:#1a0e04;text-decoration:underline}.volunteer-panel--sim{border-color:#6a5040;background:repeating-linear-gradient(-52deg,transparent,transparent 18px,rgb(120 72 24/.04) 0,rgb(120 72 24/.04) 19px),linear-gradient(160deg,#fdf6e4,#f5e8cc);box-shadow:5px 5px 0 #6a5040}.volunteer-sim__cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:.5rem;padding:.65rem 1.5rem;font-size:.9375rem;font-weight:800;color:#1a0e04;text-decoration:none;border:3px solid #8a5a20;border-radius:var(--radius-sm);background:linear-gradient(180deg,rgb(255 248 220/.95),rgb(240 224 188/.95));box-shadow:4px 4px 0 #8a5a20;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,box-shadow .15s ease}.volunteer-sim__cta:hover{transform:translateY(-2px);box-shadow:6px 6px 0 #8a5a20}.volunteer-sim__cta:focus-visible{outline:2px solid #8a5a20;outline-offset:3px}.volunteer-panel{position:relative;padding:1.25rem 1.375rem;background:linear-gradient(160deg,#fdf8ec,#f8f0d8);border:3px solid #8a5a20;border-radius:var(--radius-md);box-shadow:5px 5px 0 #8a5a20}.volunteer-panel__head{margin-bottom:.75rem}.volunteer-panel__kicker{display:block;font-size:.6875rem;letter-spacing:.14em;color:#8a5a20;font-weight:700;margin-bottom:.25rem}.volunteer-panel__head h2{margin:0;font-size:1.25rem;font-weight:800;color:#1a0e04}.volunteer-panel__hint,.volunteer-panel__text{margin:0 0 .75rem;font-size:.9rem;line-height:1.65;color:#503218}.volunteer-panel__hint{margin-bottom:0;font-size:.8125rem;color:#8a6030}.volunteer-platform__link{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.75rem;padding:.45rem .875rem;font-size:.875rem;font-weight:700;color:#1a0e04;text-decoration:none;background:linear-gradient(135deg,#fff3d0,#f0e0a0);border:2px solid #8a5a20;border-radius:var(--radius-sm);box-shadow:3px 3px 0 #8a5a20;transition:transform .12s ease}.volunteer-platform__link:hover{transform:translateY(-1px)}.volunteer-inline__link{color:#6a3c10;font-weight:700;text-underline-offset:2px}.volunteer-platform{display:flex;flex-direction:column;gap:.875rem;padding:1rem;margin-bottom:.75rem;border:2px solid #8a5a20;border-radius:var(--radius-md);background:radial-gradient(circle at 92% 8%,rgb(255 248 220/.55),transparent 45%),linear-gradient(160deg,#fff8e8,#f4e8c8);box-shadow:3px 3px 0 rgb(120 72 24/.18)}.volunteer-platform__guidance{margin:0;padding:.65rem .75rem;font-size:.9375rem;font-weight:700;line-height:1.55;color:#6a3010;background:rgb(255 235 210/.65);border-left:3px solid #c87830;border-radius:var(--radius-sm)}.volunteer-platform__caution h3{margin:0 0 .5rem;font-size:.875rem;font-weight:800;color:#6a3c10}.volunteer-platform__caution ul{margin:0;padding-left:1.125rem;display:flex;flex-direction:column;gap:.45rem}.volunteer-platform__caution li{font-size:.8125rem;line-height:1.6;color:#503218}.volunteer-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.875rem}.volunteer-step{display:flex;gap:.875rem;align-items:flex-start}.volunteer-step__num{flex-shrink:0;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:800;color:#1a0e04;background:#f0e0a0;border:2px solid #8a5a20;border-radius:var(--radius-sm);box-shadow:2px 2px 0 #8a5a20}.volunteer-step__title{margin:0 0 .25rem;font-size:.9375rem;font-weight:700;color:#1a0e04}.volunteer-step__detail{margin:0;font-size:.875rem;line-height:1.6;color:#503218}.volunteer-table__wrap{overflow-x:auto;border:2px solid rgb(180 140 60/.35);border-radius:var(--radius-sm)}.volunteer-table{width:100%;border-collapse:collapse;font-size:.875rem;background:rgb(255 252 240/.6)}.volunteer-table thead tr{background:linear-gradient(90deg,#f0e0a0,#e8d090);border-bottom:2px solid rgb(180 140 60/.35)}.volunteer-table th{padding:.65rem .75rem;text-align:left;font-size:.75rem;font-weight:700;color:#6a3c10;white-space:nowrap}.volunteer-table td{padding:.75rem;vertical-align:top;border-bottom:1px solid rgb(180 140 60/.15)}.volunteer-row:last-child td{border-bottom:none}.volunteer-col__order{width:56px}.volunteer-col__strategy{width:52px}.volunteer-col__school{width:160px}.volunteer-col__major{width:130px}.volunteer-col__action{width:64px}.volunteer-order__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;font-weight:900;font-size:.875rem;color:#1a0e04;background:#fff8e8;border:2px solid #8a5a20;border-radius:var(--radius-sm)}.volunteer-strategy{display:inline-block;padding:.15rem .45rem;font-size:.75rem;font-weight:800;border-radius:var(--radius-sm);border:2px solid;box-shadow:2px 2px 0 rgb(120 72 24/.15)}.volunteer-strategy--rush{color:#7a3010;background:#ffe8d0;border-color:#c87830}.volunteer-strategy--steady{color:#5a4010;background:#fff3d0;border-color:#b89840}.volunteer-strategy--safe{color:#3a5020;background:#e8f0d0;border-color:#789848}.volunteer-major__name,.volunteer-school__name{display:block;font-weight:700;color:#1a0e04}.volunteer-major__cat,.volunteer-school__loc{display:block;margin-top:.15rem;font-size:.75rem;color:#8a5a20}.volunteer-note__text{margin:0;font-size:.8125rem;line-height:1.55;color:#503218}.volunteer-plan__link{display:inline-block;padding:.25rem .5rem;font-size:.8125rem;font-weight:700;color:#6a3c10;text-decoration:none;border:1.5px solid rgb(180 140 60/.5);border-radius:var(--radius-sm);white-space:nowrap}.volunteer-plan__link:hover{background:rgb(255 248 220/.9)}.volunteer-caution{padding:1rem 1.25rem;background:rgb(255 248 220/.5);border:2px dashed rgb(180 140 60/.45);border-radius:var(--radius-md)}.volunteer-caution h2{margin:0 0 .625rem;font-size:1rem;font-weight:800;color:#6a3c10}.volunteer-caution ul{margin:0;padding-left:1.25rem;font-size:.875rem;line-height:1.65;color:#503218}.volunteer-footer{padding-top:.5rem;padding-bottom:env(safe-area-inset-bottom,0)}.volunteer-sheet__cards{display:none;list-style:none;padding:0;margin:0}.volunteer-card{padding:1rem;border:2px solid rgb(180 140 60/.35);border-radius:var(--radius-md);background:linear-gradient(160deg,#fdf8ec,#f8f0d8);box-shadow:3px 3px 0 rgb(120 72 24/.14)}.volunteer-slot__head{display:flex;align-items:center;gap:.5rem;margin-bottom:.625rem}.volunteer-slot__major{margin:0;font-size:1.0625rem;font-weight:800;color:#1a0e04;line-height:1.35}.volunteer-slot__school{margin:.35rem 0 0;font-size:.875rem;font-weight:700;color:#2a1a08;line-height:1.45}.volunteer-slot__meta{margin:.2rem 0 0;font-size:.75rem;color:#8a5a20}.volunteer-slot__note{margin:.65rem 0 0;font-size:.875rem;line-height:1.6;color:#503218}.volunteer-slot__link{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:.875rem;padding:.5rem .875rem;font-size:.875rem;font-weight:700;color:#1a0e04;text-decoration:none;text-align:center;background:linear-gradient(135deg,#e8c870,#c49840);border:2px solid #8a5a20;border-radius:var(--radius-sm);box-shadow:2px 2px 0 #8a5a20;-webkit-tap-highlight-color:transparent}@media (max-width:767px){.volunteer-page{gap:1.25rem;padding-bottom:calc(env(safe-area-inset-bottom, 0) + 2rem)}.volunteer-hero{padding:1.25rem 1rem;box-shadow:inset 0 1px 0 rgb(200 158 60/.18),4px 4px 0 rgb(120 72 24/.28)}.volunteer-hero__title{font-size:1.5rem}.volunteer-hero__desc{max-width:none;font-size:.875rem}.volunteer-hero__eyebrow{letter-spacing:.06em;line-height:1.4}.volunteer-panel{padding:1rem;box-shadow:4px 4px 0 #8a5a20}.volunteer-panel__head h2{font-size:1.125rem}.volunteer-panel__hint,.volunteer-panel__text{font-size:.875rem}.volunteer-platform{padding:.875rem}.volunteer-platform__guidance{font-size:.875rem}.volunteer-platform__link{display:flex;width:100%;justify-content:center;box-sizing:border-box}.volunteer-nav__back,.volunteer-platform__link{min-height:44px;align-items:center}.volunteer-sheet__table{display:none}.volunteer-sheet__cards{display:flex;flex-direction:column;gap:.75rem}.volunteer-caution{padding:.875rem 1rem}.volunteer-caution ul{padding-left:1rem;font-size:.8125rem}}@media (min-width:768px){.volunteer-hero{padding:2rem 2.25rem}.volunteer-hero__title{font-size:2.25rem}}.school-order-grid{display:flex;flex-direction:column;gap:1.125rem}@media (min-width:768px){.school-order-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:start}}.school-order-card{padding:1rem 1.125rem;background:linear-gradient(160deg,#fff8e8,#f5ecd4);border:2px solid rgb(180 140 60/.4);border-radius:var(--radius-sm);box-shadow:3px 3px 0 rgb(120 72 24/.2);transition:box-shadow .16s ease}.school-order-card:hover{box-shadow:5px 5px 0 rgb(120 72 24/.28)}.school-order__head{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1.5px solid rgb(180 140 60/.25)}.school-order__name{font-size:.9375rem;font-weight:800;color:#1a0e04;margin:0;word-break:keep-all}.school-order__code{font-size:.6875rem;color:#8a5a20;font-weight:600}.school-order__note{font-size:.8rem;color:#503218;line-height:1.55;margin:0 0 .75rem}.school-major-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;padding:0;margin:0}.school-major-item{display:grid;grid-template-columns:1.5rem 1fr;grid-template-rows:auto auto;column-gap:.5rem;row-gap:.1rem}.school-major__order{grid-row:1/3;display:grid;place-items:center;align-self:start;width:1.5rem;height:1.5rem;border-radius:50%;background:linear-gradient(135deg,#e0c060,#c49840);color:#fff;font-size:.75rem;font-weight:900;box-shadow:1px 1px 0 rgb(120 72 24/.28);flex-shrink:0;margin-top:.1rem}.school-major__name{font-size:.8125rem;font-weight:700;color:#1a0e04;word-break:keep-all}.school-major__note{font-size:.75rem;color:#503218;line-height:1.4}