.contents-page{max-width:1200px;margin:auto}.contents-intro{margin-bottom:36px}.contents-intro h1{font-size:clamp(2.6rem,5vw,4.5rem);margin:18px 0}.contents-intro p{max-width:700px}
.contents-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:28px}.contents-tabs button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;min-height:150px;padding:22px;border:1px solid #daddf0;border-radius:18px;background:#f7f8ff;color:#252733;cursor:pointer;font:inherit;transition:background .18s,box-shadow .18s}.contents-tabs strong{font-size:1rem}.contents-tabs button>span:last-child{font-size:.8rem;line-height:1.5;color:#626b82}.contents-number{font-size:.75rem;letter-spacing:.1em;color:#6579ef}.contents-tabs button[aria-selected=true]{background:#6579ef;color:white;border-color:#6579ef;box-shadow:0 8px 24px #6579ef30}.contents-tabs button[aria-selected=true] span{color:#fff}.contents-tabs button:hover{box-shadow:0 6px 20px #25346a1a}.contents-tabs button:focus-visible,.contents-panel:focus-visible{outline:3px solid #243ead;outline-offset:4px}
.contents-panel{border:1px solid #daddf0;border-radius:22px;overflow:hidden;background:white}.contents-panel-head{padding:36px;border-bottom:1px solid #e5e7f2}.contents-panel h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:14px 0}.contents-panel-head p{max-width:800px;margin-bottom:0}.contents-pending{padding:28px 36px;background:#fafaff}.contents-pending h3{font-size:1.15rem}.contents-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 36px;border-top:1px solid #e5e7f2}.contents-bottom p{max-width:650px;margin:0}.contents-bottom a{flex-shrink:0}.contents-sections section{display:flex;gap:22px;padding:28px 36px;border-bottom:1px solid #e5e7f2}.contents-sections ul{padding-left:20px;line-height:1.9}
@media(max-width:760px){.contents-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.contents-tabs button{padding:16px;min-height:135px}.contents-bottom{align-items:flex-start;flex-direction:column}.contents-panel-head,.contents-pending,.contents-bottom,.contents-sections section{padding:24px}.contents-tabs strong{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){.contents-tabs button{transition:none}}