.guidebook-page{background:#f5f5f5;min-height:100vh;margin:0;padding-top:0;padding-bottom:80px}.guidebook-header{text-align:center;background:#fff;margin:0 0 .5rem;padding:3.5rem 0;position:relative;box-shadow:0 2px 8px #00000014}.back-button{color:#111;cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:opacity .2s;display:flex;position:absolute;top:1rem;left:1rem;transform:none}.back-button:hover{opacity:.8}.guidebook-header .container{flex-direction:column;align-items:center;width:100%;display:flex}.guidebook-logo-wrapper{justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.guidebook-logo{width:auto;height:20px;transition:transform .3s}.guidebook-logo:hover{transform:scale(1.05)}.guidebook-badge{color:#888;text-shadow:1px 1px #fffc,2px 2px 4px #00000026;letter-spacing:.05em;background:0 0;margin-bottom:.3rem;padding:.5rem 2rem;font-size:1.5rem;font-weight:700;display:inline-block}.guidebook-subtitle{color:#666;margin-top:1rem;font-size:1.35rem;font-weight:500;line-height:1.6}.guidebook-footer-notice{color:#666;text-align:center;margin-top:2rem;padding:1rem;font-size:.95rem;font-weight:500;line-height:1.6}.guidebook-content{padding:3.2rem 1rem 1rem}.category-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:700px;margin:0 auto;display:grid}.category-box{cursor:pointer;text-align:center;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;height:auto;min-height:120px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000026;container-type:inline-size}.category-box:focus,.category-box:active,.category-box :focus,.category-box :active{outline:none!important}.category-box:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0003}.category-box.disabled{cursor:not-allowed;opacity:.7}.category-box.disabled:hover{transform:none;box-shadow:0 4px 12px #00000026}.category-icon{color:#fff;background:#2c3e50;flex:1;justify-content:center;align-items:center;padding:1.5rem 1rem 1rem;display:flex}.category-icon svg{width:32px;height:32px}.category-box.disabled .category-icon{opacity:.6;background:#95a5a6}.category-box .category-icon{color:#333;background:0 0}.category-box.active-commission{background:linear-gradient(135deg,#ffd54f 0%,#ffca28 100%);border:1px solid #ffc107}.category-box.active-commission .category-title{color:#111;background:0 0}.category-box.active-commission .category-icon{color:#111}.category-box.disabled-blur{opacity:.6;filter:blur(.5px);pointer-events:none;background:#f9f9f9}.category-box.disabled-blur .category-title{color:#999}.category-title{color:#111;text-align:center;word-break:keep-all;white-space:pre-line;background:0 0;width:100%;margin:0;padding:1rem;font-size:11cqi;font-weight:700}.title-sub{margin-top:.2rem;font-size:.8em;display:block}.category-box.disabled .category-title{color:#95a5a6}.category-desc{display:none}.empty-spacer{visibility:hidden}.department-card{cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;height:auto;min-height:120px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000026}.department-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0003}.department-card:focus,.department-card:active{outline:none!important}.department-icon{color:#fff;background:linear-gradient(135deg,#f90 0%,#ff6b00 100%);flex:1;justify-content:center;align-items:center;padding:1rem;display:flex}.department-icon svg{width:32px;height:32px}.department-title{color:#2c3e50;text-align:center;white-space:nowrap;background:#fff;flex-shrink:0;margin:0;padding:1rem .5rem;font-size:.9rem;font-weight:700}@media (max-width:768px){.category-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.category-box,.department-card{height:auto;min-height:110px}.empty-spacer{display:none}.guidebook-logo{height:15px}.guidebook-badge{padding:.4rem 1.5rem;font-size:1.2rem}.category-icon{padding:.75rem .5rem}.category-icon svg{width:28px;height:28px}.category-title{padding:.75rem .3rem;font-size:11cqi}.department-icon{padding:.75rem .5rem}.department-icon svg{width:28px;height:28px}.department-title{padding:.75rem .3rem;font-size:.75rem}.guidebook-footer-notice{margin-top:1.5rem;padding:.75rem;font-size:.8rem}}@media (max-width:640px){.category-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem;padding:0 1rem}.category-box{aspect-ratio:2.2;border-radius:12px;height:auto;min-height:auto}.department-card{height:auto;min-height:100px}.guidebook-logo{height:12.5px}.guidebook-badge{padding:.3rem 1.2rem;font-size:1rem}.category-icon{padding:.65rem .3rem}.category-icon svg{width:22px;height:22px}.category-title{padding:.5rem .2rem;font-size:10cqi}.department-icon{padding:.65rem .3rem}.department-icon svg{width:22px;height:22px}.department-title{padding:.65rem .2rem;font-size:.65rem}.guidebook-footer-notice{margin-top:1rem;padding:.5rem;font-size:.75rem}.category-grid{box-sizing:border-box;width:100%}}@media (max-width:400px){.category-grid{gap:1.2rem}.department-card{min-height:90px}.category-icon{padding:.5rem .2rem}.category-icon svg{width:20px;height:20px}.category-title{padding:.5rem .15rem;font-size:11cqi}.department-icon{padding:.5rem .2rem}.department-icon svg{width:20px;height:20px}.department-title{padding:.5rem .15rem;font-size:.65rem}}@media (max-width:768px){.guidebook-content{padding:2rem 1rem}.step-accordion{margin-bottom:1rem}.step-content{padding:1rem}.circle-bullet-list li{margin-bottom:.75rem;line-height:1.6}}