.learning-library{margin:72px 0 36px;padding:clamp(26px,5vw,58px);border:1px solid #d9d2c8;background:#f7f5f0;color:#202321}.learning-library__head{max-width:760px;margin-bottom:34px}.learning-library__head>span{display:block;margin-bottom:12px;color:#806945;font-size:11px;font-weight:600;letter-spacing:.16em}.learning-library__head h2{max-width:15ch;margin:0 0 16px;font:400 clamp(34px,5vw,58px)/1.18 Georgia,'Noto Serif JP',serif}.learning-library__head p{max-width:65ch;margin:0;color:#5f6662;line-height:1.9}.learning-library__controls{display:grid;grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr));gap:12px;padding:24px 0;border-top:1px solid #d9d2c8;border-bottom:1px solid #d9d2c8}.learning-library__field{display:flex;min-width:0;flex-direction:column;gap:8px;color:#5f6662;font-size:11px;font-weight:600;letter-spacing:.08em}.learning-library__field input,.learning-library__field select{width:100%;min-width:0;min-height:48px;padding:11px 13px;border:1px solid #c9c1b7;border-radius:0;background:#fff;color:#202321;font:500 14px/1.4 'DM Sans','Noto Sans JP',sans-serif}.learning-library__field input:focus,.learning-library__field select:focus{outline:3px solid #c9a567;outline-offset:2px}.learning-library__status{margin:22px 0;color:#5f6662;font-size:13px}.learning-library__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid #d9d2c8;background:#d9d2c8}.learning-library__card{position:relative;display:flex;min-width:0;min-height:360px;flex-direction:column;padding:28px 26px;background:#fff}.learning-library__meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.learning-library__meta span{padding:5px 8px;border:1px solid #d9d2c8;color:#665843;font-size:10px;letter-spacing:.04em}.learning-library__card h3{margin:0 0 16px;font:400 24px/1.45 Georgia,'Noto Serif JP',serif}.learning-library__card p{display:-webkit-box;margin:0 0 22px;color:#5f6662;line-height:1.8;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4}.learning-library__card small{margin-top:auto;padding-top:12px;color:#8c8a84}.learning-library__card>a{display:flex;align-items:center;min-height:44px;margin-top:14px;border-top:1px solid #e0dbd2;color:#202321;font-weight:600;text-decoration:none}.learning-library__card>a::after{content:'';position:absolute;inset:0}.learning-library__card:has(a:focus-visible){outline:3px solid #c9a567;outline-offset:-3px}.learning-library__card:hover{background:#fbfaf7}.learning-library__empty{grid-column:1/-1;padding:44px;background:#fff;text-align:center}.learning-library__empty strong{font:400 26px/1.4 Georgia,'Noto Serif JP',serif}.learning-library__empty p{color:#5f6662}.learning-library__empty button{min-height:48px;padding:12px 20px;border:1px solid #202321;background:#202321;color:#fff;cursor:pointer}.learning-library__path{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;margin:0 0 24px;border:1px solid #d9d2c8;background:#d9d2c8}.learning-library__path a{display:flex;min-width:0;min-height:86px;flex-direction:column;justify-content:space-between;padding:13px 10px;background:#fff;color:#202321;text-decoration:none}.learning-library__path small{color:#806945;font-size:10px;letter-spacing:.12em}.learning-library__path strong{font-size:12px}.learning-library__path a:focus-visible{outline:3px solid #c9a567;outline-offset:-3px}.learning-library__path a:hover{background:#f2eee6}@media(max-width:980px){.learning-library__controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.learning-library__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-library__path{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){.learning-library{margin:48px 0 28px;padding:26px 18px}.learning-library__head h2{max-width:none;font-size:36px}.learning-library__controls{grid-template-columns:minmax(0,1fr)}.learning-library__grid{grid-template-columns:minmax(0,1fr)}.learning-library__card{min-height:0;padding:24px 20px}.learning-library__card p{display:block}.learning-library__field input,.learning-library__field select{min-height:52px}.learning-library__path{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-library__path a{min-height:72px}}
