/* Same nine-slice frame and inset paper as the method page's fact tiles. */
.review-picker{padding-bottom:28px}
.review-picker h2{margin:0 0 14px;font:400 13px/1.85 var(--mono);letter-spacing:normal;text-transform:none}
.review-page-grid{display:flex;flex-wrap:wrap;gap:16px}
.review-page-card{flex:1 1 280px;min-width:0;position:relative;isolation:isolate;display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px 18px;align-items:center;padding:25px;color:var(--ink);text-decoration:none;font:400 13px/1.85 var(--mono);text-transform:none;letter-spacing:normal;border:0;box-shadow:none}
.review-page-card::before{content:"";position:absolute;inset:0;pointer-events:none;border:12px solid transparent;border-image:url("/assets/mockup/v9-loki/maksutavat-menetelma/art/layers/frame-torn-day.webp?v=8bfbc82d5b") 42.6155581 round;z-index:-1}
.review-page-card::after{content:"";position:absolute;inset:13px;background:var(--paper);z-index:-2;pointer-events:none}
[data-paper=night] .review-page-card::before{border-image-source:url("/assets/mockup/v9-loki/maksutavat-menetelma/art/layers/frame-torn-night.webp?v=47ffeabf84");filter:url(#ink-night)}
.review-page-logo{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;width:96px;height:58px;background:#fff}
.review-page-logo img{display:block;width:76%;height:76%;object-fit:contain;filter:none!important;mix-blend-mode:normal;opacity:1}
.review-page-name{grid-column:2;grid-row:1;font:400 30px/1.2 var(--serif)}
.review-page-type,.review-page-counts,.review-page-link{grid-column:1/-1}
.review-page-type{font:400 10.5px/2.2 var(--mono);color:var(--ink-2)}
.review-page-link{margin-top:4px}
.review-page-card:hover .review-page-link{text-decoration:underline;text-underline-offset:4px}
.review-page-card:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(min-width:721px){
 .review-page-card:only-child{grid-template-columns:96px minmax(120px,1fr) auto auto;column-gap:28px}
 .review-page-card:only-child .review-page-logo{grid-row:1/3}
 .review-page-card:only-child .review-page-name{align-self:end}
 .review-page-card:only-child .review-page-type{grid-column:2;grid-row:2;align-self:start}
 .review-page-card:only-child .review-page-counts{grid-column:3;grid-row:1/3}
 .review-page-card:only-child .review-page-link{grid-column:4;grid-row:1/3;margin:0}
}
@media(max-width:720px){
 .review-page-grid{gap:12px}
 .review-page-card{flex-basis:calc(50% - 6px);padding:19px;grid-template-columns:minmax(0,1fr);gap:6px;font-size:12px}
 .review-page-logo{width:80px;height:49px}
 .review-page-name{grid-column:1;grid-row:2;font-size:30px}
 .review-page-type{font-size:10px;line-height:2.25}
 .review-page-card:only-child{grid-template-columns:80px minmax(0,1fr);column-gap:16px}
 .review-page-card:only-child .review-page-name{grid-column:2;grid-row:1}
}

.review-rating{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.review-stars{display:flex;gap:3px;color:var(--ink);max-width:100%}
.review-stars svg{display:block;width:23px;height:23px;flex-shrink:1;min-width:0}
.rating-fact th{padding-left:0}
@media(max-width:720px){.review-stars{gap:2px}.review-stars svg{width:20px;height:20px}}