.ht-section{scroll-margin-top:110px}.ht-section .pl-section-head>p:last-child{max-width:860px}.ht-table-wrap{border:1px solid #ccd9c4;border-radius:14px;overflow:hidden;background:#fffef9}.ht-comparison{width:100%;border-collapse:collapse;font-size:15px;line-height:1.8;table-layout:fixed}.ht-comparison caption{text-align:left;font-weight:700;color:#2a5038;padding:18px 22px;background:#edf2e5}.ht-comparison th,.ht-comparison td{text-align:left;vertical-align:top;padding:18px 22px;border-top:1px solid #dce4d5;overflow-wrap:anywhere}.ht-comparison thead th{background:#e4eddb;color:#254431;font-size:16px}.ht-comparison th:first-child{width:20%}.ht-comparison tbody th{font-weight:700;color:#35563d;background:#f3f6ed}.ht-comparison td{color:#58634f}.ht-comparison td:last-child{background:#f5f8ee}.ht-mobile-label{display:none}.ht-note{font-size:13px;line-height:1.8;color:#687360;margin-top:16px}.ht-question-panel{display:grid;grid-template-columns:168px 1fr;align-items:center;gap:28px;padding:28px;margin-top:28px;border:1px solid #d6e1cc;border-radius:14px;background:#f6f7ef}.ht-question-panel img{width:168px;height:102px;object-fit:contain}.ht-section h3{font-size:21px;line-height:1.5;color:#24442f;margin:0 0 15px;letter-spacing:-.03em}.ht-question-panel p,.ht-school-intro p{font-size:15px;color:#61705b;line-height:1.8;margin:12px 0 0}.ht-section ul{padding-left:21px;font-size:15px;line-height:1.9;color:#58664f;margin:0}.ht-school-intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:35px;margin:28px 0}.ht-school-intro figure{margin:0}.ht-school-intro figure img{display:block;width:100%;height:auto;border-radius:12px}.ht-school-intro figcaption{font-size:12px;line-height:1.7;color:#708067;margin-top:10px}.ht-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:32px}.ht-step{min-width:0;padding:23px;border:1px solid #d9e2d0;border-radius:13px;background:#fffef9}.ht-step>span{display:block;color:#759562;font-size:13px;font-weight:700;margin-bottom:15px}.ht-step h3{font-size:18px}.ht-step p,.ht-subjects p{color:#607054;line-height:1.85;font-size:14px;margin:0}.ht-subjects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:30px 0;padding:27px;background:#eef2e5;border-radius:14px}.ht-subjects>div{min-width:0;display:flex;flex-direction:column}.ht-subjects .btn{margin-top:20px;align-self:flex-start;font-size:13px;min-height:44px}.ht-planner-flow{display:flex;align-items:center;gap:30px;padding:30px;border:1px solid #d9e2d0;border-radius:14px;background:#edf2e5}.ht-planner-flow>img{width:83px;height:84px;flex-shrink:0}.ht-planner-flow ol{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0;margin:0;flex:1}.ht-planner-flow li{min-width:0}.ht-planner-flow strong{display:block;font-size:17px;color:#2c5336;margin-bottom:10px}.ht-planner-flow span{display:block;font-size:14px;color:#647356;line-height:1.8}.ht-planner-example{margin-top:30px}.ht-planner-example>p{font-size:14px;line-height:1.8;color:#68765c;margin:0 0 20px}.ht-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ht-records article{padding:24px;border:1px solid #d9e2d0;border-radius:13px;background:#fffef9;min-width:0}.ht-records h4{font-size:18px;color:#34533b;margin:0 0 18px;line-height:1.5}.ht-records dl{margin:0;font-size:14px;line-height:1.8}.ht-records dt{font-weight:700;color:#5e7750;margin-top:14px}.ht-records dd{margin:4px 0 0;color:#647058}.ht-section .pl-actions{margin-top:25px}.ht-section .btn{max-width:100%;min-height:44px;white-space:normal;line-height:1.6}.ht-section a:focus-visible{outline:3px solid #af8e43;outline-offset:4px}
@media(max-width:1000px){.ht-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ht-comparison th,.ht-comparison td{padding:16px}.ht-planner-flow ol{grid-template-columns:repeat(2,minmax(0,1fr))}.ht-subjects{gap:20px}.ht-records{gap:15px}.ht-records article{padding:20px}}
@media(max-width:760px){.ht-section{scroll-margin-top:88px}.ht-comparison,.ht-comparison caption,.ht-comparison tbody,.ht-comparison tr,.ht-comparison th,.ht-comparison td{display:block;width:100%}.ht-comparison thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ht-comparison caption{font-size:14px;padding:16px 18px}.ht-comparison th:first-child{width:100%}.ht-comparison tbody th{padding:13px 18px;background:#e6eddb}.ht-comparison td{padding:15px 18px;border:0;font-size:14px}.ht-comparison tr+tr{border-top:1px solid #cddbc2}.ht-mobile-label{display:block;font-size:12px;font-weight:700;color:#65824e;margin-bottom:6px}.ht-question-panel{grid-template-columns:1fr;gap:20px;padding:23px}.ht-question-panel img{width:134px;height:auto}.ht-school-intro{grid-template-columns:1fr;gap:24px}.ht-subjects,.ht-records{grid-template-columns:1fr}.ht-planner-flow{align-items:flex-start;flex-direction:column;gap:20px;padding:24px}.ht-planner-flow>img{width:58px;height:auto}.ht-planner-flow ol{gap:20px;width:100%}.ht-section h3{font-size:20px}.ht-subjects{padding:24px}.ht-steps{gap:13px}.ht-step{padding:18px}.ht-section .pl-actions{align-items:stretch}.ht-section .pl-actions .btn{text-align:center}}
@media(max-width:360px){.ht-steps,.ht-planner-flow ol{grid-template-columns:1fr}.ht-question-panel,.ht-subjects,.ht-records article{padding:19px}}