@font-face{font-family:MaruBuri;src:url('/assets/fonts/2026-typography/MaruBuri-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Pretendard;src:url('/assets/fonts/2026-typography/Pretendard-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Pretendard;src:url('/assets/fonts/2026-typography/Pretendard-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}

.rdn-preview-page{margin:0;background:#fff;font-family:Pretendard,sans-serif;color:#2B2B2B}
.rdn{--rdn-green:#2F4A3F;--rdn-route:#C5D1CB;--rdn-other:#E6E1D8;--rdn-missing:#F3F1EC;--rdn-text:#2B2B2B;--rdn-muted:#626660;box-sizing:border-box;padding:64px 28px 80px;background:#fff;color:var(--rdn-text);font-family:Pretendard,sans-serif;font-weight:400;font-synthesis:none}
.rdn *,.rdn *::before,.rdn *::after{box-sizing:border-box}
.rdn-inner{width:min(100%,1040px);margin-inline:auto}
.rdn-notice{max-width:800px;margin:0 auto 52px;padding:16px 20px;border:1px solid #D8BE7C;border-left:4px solid #9A772F;background:#FCF9F0;color:#5C491C;font-size:14px;line-height:1.7}
.rdn-notice strong{font-weight:500}
.rdn-notice p{margin:4px 0 0;word-break:keep-all;overflow-wrap:anywhere}
.rdn-heading{text-align:center}
.rdn-heading h1,.rdn-heading h2,body.site-typography .rdn .rdn-heading :is(h1,h2){max-width:850px;margin:0 auto;font-family:MaruBuri,serif!important;font-size:clamp(28px,3.1vw,38px);font-weight:400;line-height:1.55;letter-spacing:-.025em;word-break:keep-all;text-wrap:balance;overflow-wrap:anywhere}
.rdn-heading>p{margin:17px 0 0;font-size:16px;line-height:1.75;color:var(--rdn-muted);word-break:keep-all}
.rdn-figure{display:grid;grid-template-columns:minmax(0,360px) minmax(0,340px);align-items:center;justify-content:center;gap:clamp(40px,8vw,110px);margin:48px 0 0}
.rdn-visual{width:100%;max-width:360px;justify-self:center}
.rdn-donut{position:relative;aspect-ratio:1}
.rdn-svg{display:block;width:100%;height:100%;overflow:visible}
.rdn-track{stroke:#EEEBE5}
.rdn[data-referral-state="provisional"] .rdn-track,.rdn[data-referral-state="blocked"] .rdn-track{stroke:#EEEBE5}
.rdn-center{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;pointer-events:none}
.rdn-center-value,body.site-typography .rdn .rdn-center-value{font-family:MaruBuri,serif!important;font-size:56px;font-weight:400;line-height:1.08;letter-spacing:-.045em;color:#2F4A3F;font-variant-numeric:tabular-nums}
.rdn-center-label,body.site-typography .rdn .rdn-center-label{font-family:Pretendard,sans-serif!important;font-size:14px;line-height:1.6;font-weight:400;color:var(--rdn-green)}
.rdn-chart-state{margin:6px 0 0;text-align:center;color:var(--rdn-muted);font-size:13px;line-height:1.7}
.rdn-caption{min-width:0}
.rdn-legend{list-style:none;margin:0;padding:0}
.rdn-legend li{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:13px;align-items:center;min-height:58px;padding:12px 0;font-size:17px;line-height:1.6}
.rdn-legend li+li{border-top:1px solid #ECEBE7}
.rdn-legend small{display:block;color:var(--rdn-muted);font-size:12px}
.rdn-swatch{display:block;width:14px;height:14px;border-radius:50%;flex:none}
.rdn-swatch-referral{background:#2F4A3F}
.rdn-swatch-route{background:#C5D1CB}
.rdn-swatch-other{background:#E6E1D8}
.rdn-legend-percent{font-size:19px;color:var(--rdn-green);font-variant-numeric:tabular-nums;white-space:nowrap}
.rdn-legend-note{margin:20px 0 0;color:var(--rdn-muted);font-size:13px;line-height:1.8;word-break:keep-all}
.rdn-footnote{margin:44px 0 0;text-align:center;color:var(--rdn-muted);font-size:13px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
.rdn-noscript{font-size:14px;text-align:center;color:#5C491C;line-height:1.7}
.rdn-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:700px){.rdn{padding:36px 24px 56px}.rdn-notice{margin-bottom:36px;padding:12px 14px;font-size:13px}.rdn-heading>p{font-size:14px;margin-top:14px}.rdn-figure{grid-template-columns:minmax(0,360px);gap:26px;margin-top:32px}.rdn-visual{max-width:340px}.rdn-caption{width:100%;max-width:340px;justify-self:center}.rdn-legend li{min-height:55px;font-size:16px}.rdn-footnote{margin-top:32px}}
@media(max-width:359px){.rdn{padding-inline:16px}.rdn-heading h1,.rdn-heading h2,body.site-typography .rdn .rdn-heading :is(h1,h2){font-size:27px}.rdn-center{gap:8px}}
@media(prefers-reduced-motion:reduce){.rdn *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.rdn{padding:24px}.rdn-notice{break-inside:avoid}.rdn-figure{break-inside:avoid}.rdn-swatch,.rdn-svg{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

@media(max-width:359px){.rdn-center-value{font-size:48px}}

/* The referral arc keeps its angular proportion; only its outer edge grows. */
.rdn .rdn-donut{aspect-ratio:460/360;isolation:isolate}
.rdn .rdn-visual{width:100%;max-width:460px}
.rdn .rdn-referral-piece{transform:translate(var(--rdn-pop-x,10.793px),var(--rdn-pop-y,-5.247px));filter:drop-shadow(0 6px 16px rgba(47,74,63,.18))}
.rdn .rdn-center{inset:0 auto 0 0;width:78.26087%;gap:0}
.rdn .rdn-center-label,body.site-typography .rdn .rdn-center-label{font-size:12px;color:#626660;line-height:1.5}
.rdn .rdn-callout{position:absolute;right:2.6%;top:0;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;color:#2F4A3F;z-index:1}
.rdn .rdn-callout-value,body.site-typography .rdn .rdn-callout-value{font-family:MaruBuri,serif!important;font-size:32px!important;line-height:1.1;letter-spacing:-.04em;font-weight:400}
.rdn .rdn-callout-label,body.site-typography .rdn .rdn-callout-label{font-family:Pretendard,sans-serif!important;font-size:14px!important;line-height:1.3;font-weight:400}
.rdn .rdn-chart-state:empty{display:none}
.rdn .hp-title-word{white-space:nowrap}
.rdn[data-referral-motion="waiting"] .rdn-referral-piece,.rdn[data-referral-motion="drawing"] .rdn-referral-piece{transform:translate(0,0);filter:none}
.rdn[data-referral-motion="waiting"] .rdn-callout,.rdn[data-referral-motion="drawing"] .rdn-callout,.rdn[data-referral-motion="popping"] .rdn-callout,
.rdn[data-referral-motion="waiting"] .rdn-leader,.rdn[data-referral-motion="drawing"] .rdn-leader,.rdn[data-referral-motion="popping"] .rdn-leader{opacity:0}
.rdn[data-referral-motion="waiting"] .rdn-svg [data-static-segments]{opacity:0}
.rdn-preview-page .rdn-figure{grid-template-columns:minmax(0,460px) minmax(0,280px);gap:40px}
@media(max-width:700px){
 .rdn-preview-page .rdn-figure{grid-template-columns:minmax(0,1fr);gap:14px}
 .rdn-preview-page .rdn-visual{width:71.875vw;max-width:100%;justify-self:center;margin:12px 0 0}
 .rdn-preview-page .rdn-legend{display:flex;flex-wrap:wrap;gap:0 12px}
 .rdn-preview-page .rdn-legend li{flex:1 1 calc(50% - 6px);min-width:max-content;max-width:100%;grid-template-columns:10px minmax(max-content,1fr) max-content;gap:6px;min-height:30px;padding:3px 0;border:0;font-size:13px;line-height:1.6}
 .rdn-preview-page .rdn-legend li>span:not(.rdn-swatch){white-space:nowrap;font-size:13px}
 .rdn-preview-page .rdn-swatch{width:10px;height:10px}
}
@media(prefers-reduced-motion:reduce){
 .rdn [data-static-segments],.rdn .rdn-callout,.rdn .rdn-leader{opacity:1!important;mask:none!important}
 .rdn .rdn-referral-piece{transform:translate(var(--rdn-pop-x,10.793px),var(--rdn-pop-y,-5.247px))!important;filter:drop-shadow(0 6px 16px rgba(47,74,63,.18))!important}
}

/* Mobile only: a 50vw ring with an inset upper-right callout. */
@media(max-width:700px){
 .rdn .rdn-callout{top:-12px}
 .rdn .rdn-callout-value,body.site-typography .rdn .rdn-callout-value{font-size:26px!important}
 .rdn .rdn-callout-label,body.site-typography .rdn .rdn-callout-label{font-size:13px!important}
 .rdn-preview-page .rdn{padding-inline:max(20px,6.4vw)}
}

/* The approved sample note belongs only to this owner-private mobile review. */
.rdn .rdn-mobile-caption{display:none}
@media(max-width:700px){
 .rdn .rdn-legend{display:none!important}
 .rdn .rdn-mobile-caption{display:block;width:100%;margin:0}
 .rdn .rdn-mini-legend{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap;white-space:nowrap;margin:0;padding:0;font-family:Pretendard,sans-serif;font-size:12px!important;line-height:1.6!important;font-weight:400;color:#2F4A3F;letter-spacing:0}
 .rdn .rdn-mini-legend>span{display:inline-flex;flex:none;align-items:center;gap:4px;font:inherit!important;white-space:nowrap}
 .rdn .rdn-mini-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex:none}
 .rdn .rdn-mobile-basis,body.site-typography .rdn .rdn-mobile-basis{margin:3px 0 0;font-family:Pretendard,sans-serif!important;font-size:11px!important;line-height:1.5!important;text-align:center;font-weight:400;color:#626660}
 .rdn-preview-page .rdn-heading h1{font-size:26px;line-height:1.35}
 .rdn-preview-page .rdn-figure{margin-top:12px;gap:8px}
}

/* Owner-private two-category view; only the center label grows. */
.rdn .rdn-center-label,body.site-typography .rdn .rdn-center-label{font-size:22px!important}
.rdn-preview-page .rdn-figure{grid-template-columns:minmax(0,460px);gap:0}
@media(max-width:700px){
 .rdn .rdn-center-label,body.site-typography .rdn .rdn-center-label{font-size:18px!important}
 .hp-card-carousel #hp-card-referral .hp-referral-inner{display:flex;flex-direction:column;justify-content:center;align-items:stretch}
}