.pn-rating-widget{border-top:1px solid var(--pn-line,#d8d6cc);padding-block:22px;scroll-margin-top:110px;color:var(--pn-ink,#242720)}
.pn-rating-widget h2.pn-eyebrow{font:11px/1.6 var(--pn-sans,Arial,sans-serif);letter-spacing:.1em;margin:0 0 10px;text-transform:uppercase}
.pn-rating-summary{font:14px/1.7 var(--pn-sans,Arial,sans-serif);margin:0;min-height:24px}
.pn-rating-stars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));max-width:350px;margin:8px 0}
.pn-rating-stars button{appearance:none;border:0;background:transparent;color:#766b50;min-width:0;min-height:44px;font:30px/1 Arial,sans-serif;padding:4px 0;cursor:pointer}
.pn-rating-stars button.is-filled{color:#776022}
.pn-rating-stars button:disabled{cursor:default;opacity:1}
.pn-rating-widget :focus-visible,.pn-ranking :focus-visible{outline:2px solid #6c7352;outline-offset:4px}
.pn-rating-message{font-size:12px;line-height:1.7;min-height:21px;margin:0 0 8px;color:var(--pn-muted,#62675b)}
.pn-rating-link{display:inline-flex;align-items:center;min-height:32px;font-size:12px;text-underline-offset:4px}
.pn-rating-message.is-error{color:#8b3525}
.pn-rating-widget--compact{display:grid;gap:3px;padding-block:13px;margin-top:14px}
.pn-rating-widget--compact .pn-rating-summary{font-size:11px;min-height:19px}
.pn-rating-symbols{font-size:20px;line-height:1.4;letter-spacing:1px;color:#776022}
.pn-rating-widget--compact .pn-rating-link{font-size:11px;min-height:28px;justify-self:start}
.pn-work-rating{grid-column:1/-1;max-width:700px;width:100%;margin-block:12px 24px}
.pn-work-cover-rating{min-width:0;align-self:start}
.pn-work-cover-rating>.pn-rating-widget{margin-top:16px}
@media(max-width:749px){.pn-work-gallery .pn-work-cover-rating{flex:0 0 89%;width:89%;min-width:0;scroll-snap-align:start}.pn-work-gallery .pn-work-cover-rating:only-child{flex-basis:100%;width:100%}.pn-work-gallery .pn-work-cover-rating>.pn-work-media{width:100%;max-width:none;margin:0;padding:0;scroll-snap-align:none}.pn-work-cover-rating>.pn-rating-widget{padding-inline:2px}}
.pn-ranking-heading{max-width:920px;margin-bottom:44px}
.pn-ranking-heading h1{font-family:var(--pn-serif,Georgia,serif);font-size:clamp(44px,6.2vw,82px);font-weight:400;line-height:1.07;letter-spacing:-.035em;margin:18px 0 28px}
.pn-ranking-lead{font-family:var(--pn-serif,Georgia,serif);font-size:clamp(19px,2vw,25px);line-height:1.65;max-width:740px;margin:0 0 26px}
.pn-ranking-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:28px 0;margin:0 0 32px;border-block:1px solid var(--pn-line,#d8d6cc)}
.pn-ranking-numbers>div{display:flex;flex-direction:column-reverse;gap:10px}
.pn-ranking-numbers dt{font-size:11px;line-height:1.6;color:var(--pn-muted,#62675b)}
.pn-ranking-numbers dd{font:42px/1.1 var(--pn-serif,Georgia,serif);margin:0}
.pn-ranking-controls{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:24px;align-items:end}
.pn-ranking-controls label{display:grid;gap:9px;font-size:12px;line-height:1.6}
.pn-ranking-controls input,.pn-ranking-controls select{width:100%;min-width:0;min-height:48px;background:#fffdf8;border:1px solid #c6c8bb;border-radius:0;padding:11px 13px;color:inherit;font:14px/1.5 var(--pn-sans,Arial,sans-serif)}
.pn-ranking-controls button{min-height:48px;white-space:nowrap;align-self:end}
.pn-ranking-status{font-size:12px;line-height:1.8;color:var(--pn-muted,#62675b);min-height:44px;margin:19px 0}
.pn-ranking-list{list-style:none;padding:0;margin:0}
.pn-ranking-card{display:grid;grid-template-columns:44px minmax(120px,220px) minmax(0,1fr);align-items:center;gap:32px;padding:32px 0;border-top:1px solid var(--pn-line,#d8d6cc)}
.pn-ranking-card[hidden],.pn-ranking [hidden]{display:none!important}
.pn-ranking-place{align-self:start;font:34px/1.2 var(--pn-serif,Georgia,serif);color:#73775e;padding-top:10px}
.pn-ranking-image{display:block;aspect-ratio:1;background:#fff;overflow:hidden}
.pn-ranking-image img,.pn-ranking-image svg{display:block;width:100%;height:100%;object-fit:contain}
.pn-ranking-copy{min-width:0}
.pn-ranking-copy h2{font:clamp(25px,3vw,38px)/1.2 var(--pn-serif,Georgia,serif);font-weight:400;margin:9px 0 20px;overflow-wrap:anywhere}
.pn-ranking-copy h2 a{text-decoration:none}
.pn-ranking-copy p{margin:7px 0}
.pn-ranking-copy .pn-eyebrow{font-size:10px}
.pn-ranking-score{font-size:19px;line-height:1.6;color:#665223}
.pn-ranking-metrics,.pn-ranking-price{font-size:12px;line-height:1.8;color:var(--pn-muted,#62675b)}
.pn-ranking-copy .pn-text-link{margin-top:18px}
.pn-ranking-empty{padding:44px 0;max-width:650px}
.pn-ranking-empty>span{font-size:30px;letter-spacing:4px;color:#807047}
.pn-ranking-empty h2{font:30px/1.3 var(--pn-serif,Georgia,serif);font-weight:400}
.pn-ranking-empty p{font-size:15px;line-height:1.8}
.pn-ranking-more{margin:28px 0}
.pn-ranking-method{border-block:1px solid var(--pn-line,#d8d6cc);margin-top:36px;padding:23px 0;max-width:900px}
.pn-ranking-method summary{cursor:pointer;font:22px/1.5 var(--pn-serif,Georgia,serif);min-height:44px}
.pn-ranking-method p{font-size:13px;line-height:1.9;max-width:780px;color:var(--pn-muted,#62675b)}
@media(max-width:700px){.pn-ranking-controls{grid-template-columns:1fr 1fr;gap:16px}.pn-ranking-controls>label:first-child{grid-column:1/-1}.pn-ranking-controls button{justify-self:end}.pn-ranking-card{grid-template-columns:26px minmax(90px,30%) minmax(0,1fr);gap:16px;padding-block:25px}.pn-ranking-place{font-size:24px}.pn-ranking-copy h2{font-size:25px;margin-bottom:12px}.pn-ranking-copy .pn-eyebrow{font-size:9px}.pn-ranking-copy .pn-text-link{font-size:11px;margin-top:11px}.pn-ranking-score{font-size:16px}.pn-ranking-metrics,.pn-ranking-price{font-size:11px}.pn-ranking-numbers{gap:15px}.pn-ranking-numbers dd{font-size:34px}.pn-ranking-numbers dt{font-size:10px}.pn-work-rating{margin-block:0 16px}}
@media(max-width:420px){.pn-ranking-card{grid-template-columns:22px minmax(0,1fr);gap:16px}.pn-ranking-image{grid-column:2}.pn-ranking-copy{grid-column:2}.pn-ranking-place{grid-row:1}.pn-ranking-controls{grid-template-columns:minmax(0,1fr)}.pn-ranking-controls>label:first-child{grid-column:auto}.pn-ranking-controls button{justify-self:start}.pn-ranking-numbers{gap:10px}.pn-ranking-numbers dd{font-size:29px}.pn-ranking-symbols{font-size:18px}}
