/* Generated 390px mobile baseline; rebuild with build-mobile-rem.py. */
.student-reviews-page .guide-library{background: linear-gradient(rgb(255, 255, 255) 0, rgb(255, 255, 255) 13.75rem, rgb(244, 246, 249) 40.625rem);}
.student-reviews-page .guide-heading > p{max-width: 23.125rem;}
.review-toolbar{display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; padding-bottom: 1.5rem; margin-bottom: 1.75rem; border-bottom: 1px solid rgb(220, 227, 235);}
.review-count{color: rgb(101, 118, 138); font-size: max(13px,0.875rem);}
.review-count strong{color: rgb(41, 78, 112); font-size: max(13px,1.1875rem); margin: 0 0.25rem;}
.review-write{display: inline-flex; align-items: center; gap: 1.375rem; min-height: 2.875rem; padding: 0.75rem 1.25rem; border-radius: 0.4375rem; background: rgb(41, 78, 112); color: rgb(255, 255, 255); font-size: max(13px,0.875rem); font-weight: 600;}
.review-write:hover{background: rgb(25, 59, 89);}
.review-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.375rem; align-items: stretch;}
.review-card{display: flex; flex-direction: column; min-height: 19.5rem; background: rgb(255, 255, 255); border: 1px solid rgb(227, 232, 238); border-radius: 0.75rem; padding: 1.6875rem 1.625rem; box-shadow: rgba(32, 55, 77, 0.016) 0 0.3125rem 1.125rem; transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;}
@media (hover: hover) and (pointer: fine){.review-card:hover{transform: translateY(-0.1875rem); border-color: rgb(169, 195, 225); box-shadow: rgba(41, 78, 112, 0.07) 0 0.625rem 1.625rem;}}
.review-card:focus-within{border-color: rgb(169, 195, 225); box-shadow: rgba(41, 78, 112, 0.07) 0 0.625rem 1.625rem;}
.review-meta{display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; margin-bottom: 1.4375rem;}
.review-route{display: inline-flex; align-items: center; gap: 0.375rem; white-space: nowrap; padding: 0.375rem 0.625rem; border-radius: 0.3125rem; background: rgb(238, 243, 250); color: rgb(75, 103, 134); font-size: max(10px,0.75rem); font-weight: 600;}
.review-card[data-route="네이버 블로그"] .review-route{background: rgb(237, 245, 240); color: rgb(82, 115, 98);}
.review-card[data-route="지인추천"] .review-route{background: rgb(244, 239, 248); color: rgb(119, 97, 138);}
.review-card[data-route="인스타그램"] .review-route{background: rgb(250, 240, 238); color: rgb(155, 111, 100);}
.review-stars{color: rgb(191, 148, 80); font-size: max(10px,0.8125rem); letter-spacing: 0.125rem; white-space: nowrap;}
.review-text{flex-shrink: 0; font-size: max(13px,1rem); line-height: 1.8; white-space: pre-line; color: rgb(67, 85, 106);}
.reviews-enhanced .review-text:not(.is-expanded){display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
.review-expand{display: block; align-self: flex-start; margin-top: auto; padding: 1.5rem 0 0.3125rem; border: 0; background: none; color: rgb(52, 94, 133); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: max(10px,0.8125rem); font-weight: 600; cursor: pointer; min-height: 2.125rem;}
.review-expand:hover{text-decoration: underline;}
.review-pagination{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 0.4375rem; margin-top: 2.625rem;}
.review-pagination button{display: inline-flex; align-items: center; justify-content: center; min-width: 2.5rem; min-height: 2.625rem; padding: 0.5rem 0.75rem; border: 1px solid transparent; border-radius: 0.375rem; background: transparent; color: rgb(96, 114, 134); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: max(13px,0.875rem); cursor: pointer;}
.review-pagination button:hover:not(:disabled){background: rgb(230, 236, 243);}
.review-pagination button[aria-current="page"]{background: rgb(41, 78, 112); color: rgb(255, 255, 255); font-weight: 700;}
.review-pagination button:disabled{opacity: 0.35; cursor: default;}
.review-pagination .review-ellipsis{color: rgb(128, 144, 160); padding: 0 0.1875rem;}
.review-footnote{display: flex; justify-content: space-between; gap: 1.25rem; margin-top: 2.1875rem; padding-top: 1.375rem; border-top: 1px solid rgb(220, 227, 235); font-size: max(10px,0.75rem); line-height: 1.8; color: rgb(120, 134, 149);}
.review-footnote a{text-decoration: underline; text-underline-offset: 0.25rem; white-space: nowrap;}

.review-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
.review-grid{grid-template-columns: 1fr; gap: 1rem;}
.review-card{min-height: 0; padding: 1.4375rem 1.375rem;}
.review-meta{margin-bottom: 1.125rem;}
.review-text{font-size: max(13px,0.9375rem);}
.review-toolbar{gap: 0.75rem; margin-bottom: 1.375rem;}
.review-write{padding: 0.6875rem 0.9375rem; gap: 0.75rem;}
.review-count{font-size: max(10px,0.8125rem);}
.review-count strong{font-size: max(13px,1.0625rem);}
.review-pagination{gap: 0.1875rem; margin-top: 1.875rem;}
.review-pagination button{min-width: 2.125rem; padding: 0.5rem;}
.review-footnote{display: block;}
.review-footnote a{display: inline-block; margin-top: 0.625rem;}
.student-reviews-page .guide-heading > p{max-width: none;}
@media (prefers-reduced-motion: reduce){.student-reviews-page{scroll-behavior: auto;}
.review-card{transition: none;}
.review-card:hover{transform: none;}}
.review-route-icon{display: block; width: 1rem; height: 1rem; flex: 0 0 1rem; object-fit: contain;}