:root{--rfn-bg:#edf5f7;--rfn-card:#fff;--rfn-ink:#0b2e4a;--rfn-mute:#455c6e;--rfn-line:#cddde5;--rfn-link:#09617f;--rfn-coral:#a83c25;--rfn-coral2:#ef7d5a;--rfn-sea:#5fc4d8;--rfn-sand:#f6eddc;--rfn-deep:#0b2e4a;--rfn-h:"Do Hyeon","Noto Sans KR","Malgun Gothic",sans-serif;--rfn-b:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--rfn-t:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--rfn-max:1180px;--rfn-aside:300px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.rfn{margin:0;background:var(--rfn-bg);color:var(--rfn-ink);font-family:var(--rfn-b);font-size:16px;line-height:1.85;word-break:keep-all;overflow-wrap:break-word}
:where(.rfn) :is(h1,h2,h3){font-family:var(--rfn-h);font-weight:400;color:var(--rfn-ink);margin:0;letter-spacing:0}
:where(.rfn) :is(p,ul,ol,dl,dd,figure){margin:0}
:where(.rfn) :is(ul,ol){padding:0}
.rfn img{max-width:100%;height:auto}
.rfn :is(.rfn-art__h,.rfn-log__title,.rfn-list__h,.rfn-rel__t,.rfn-pn__a,.rfn-faq summary,.rfn-topic__name,.rfn-recs li,.rfn-body h2,.rfn-body h3){font-family:var(--rfn-t);font-weight:700;letter-spacing:-.01em}

.rfn a{color:var(--rfn-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.rfn a:hover{color:var(--rfn-coral)}
.rfn :focus-visible{outline:3px solid var(--rfn-coral2);outline-offset:2px}
.preloader,.go-top{display:none!important}
.rfn-skip{position:absolute;left:-999px;top:6px;z-index:40;padding:8px 14px;border-radius:8px;background:var(--rfn-coral);color:#fff!important}
.rfn-skip:focus{left:8px}
.rfn-wrap{width:100%;max-width:var(--rfn-max);margin:0 auto;padding:0 24px}
.rfn-top{background:var(--rfn-deep)}
.rfn-top__in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
.rfn .rfn-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.rfn-logo{display:block;flex:none}
.rfn-brand__txt{display:flex;flex-direction:column;line-height:1.2}
.rfn-brand__name{font-family:var(--rfn-h);font-size:1.6rem;color:#fff}
.rfn-brand__sub{font-size:.8rem;color:#a9cbd8}
.rfn-nav ul{display:flex;gap:4px;list-style:none}
.rfn .rfn-nav a{position:relative;display:block;padding:24px 14px;font-family:var(--rfn-h);font-size:1.05rem;color:#d9ecf3;text-decoration:none}
.rfn .rfn-nav a:hover{color:#fff}
.rfn .rfn-nav a[aria-current]{color:#fff}
.rfn .rfn-nav a[aria-current]::after{content:"";position:absolute;left:14px;right:14px;bottom:14px;height:3px;border-radius:2px;background:var(--rfn-coral2)}
.rfn-main{display:block;padding-bottom:30px}
.rfn-hero{padding:40px 0 34px;background:linear-gradient(180deg,#d4ecf2 0,var(--rfn-bg) 100%)}
.rfn-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:40px;align-items:stretch}
.rfn-hero__kicker{font-size:.86rem;font-weight:700;letter-spacing:.04em;color:var(--rfn-coral)}
.rfn-hero__h{margin-top:6px;font-size:clamp(2rem,3.4vw,2.75rem);line-height:1.22}
.rfn-hero__lead{margin-top:12px;max-width:34em;color:var(--rfn-mute)}
.rfn-hero__list{margin-top:22px;padding:16px 20px 12px;background:var(--rfn-card);border-radius:12px;box-shadow:0 1px 0 var(--rfn-line)}
.rfn-hero__list-h{font-family:var(--rfn-h);font-size:1.08rem}
.rfn-hero__list ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;list-style:none;margin-top:4px}
.rfn-hero__list li{position:relative;padding:6px 0 6px 18px;border-bottom:1px solid #e3edf1;font-size:.92rem;line-height:1.5}
.rfn-hero__list li::before{content:"";position:absolute;left:1px;top:.78em;width:9px;height:9px;border:2px solid var(--rfn-sea);border-radius:50%}
.rfn .rfn-hero__list a{color:var(--rfn-ink);text-decoration:none}
.rfn .rfn-hero__list a:hover{color:var(--rfn-coral);text-decoration:underline}
.rfn-gauge{padding:22px 22px 18px;border-radius:16px;background:var(--rfn-deep);color:#d9ecf3}
.rfn-gauge__h{font-family:var(--rfn-h);font-size:1.15rem;color:#fff}
.rfn-gauge__list{position:relative;list-style:none;margin-top:12px;padding-left:62px}
.rfn-gauge__list::before{content:"";position:absolute;left:24px;top:6px;bottom:6px;width:12px;border-left:2px solid var(--rfn-sea);background:repeating-linear-gradient(180deg,var(--rfn-sea) 0 2px,transparent 2px 14px) left/8px 100% no-repeat}
.rfn-gauge__stop{position:relative}
.rfn-gauge__stop+.rfn-gauge__stop{margin-top:10px}
.rfn-gauge__depth{position:absolute;left:-62px;top:12px;width:48px;padding:2px 0;border-radius:10px;background:var(--rfn-coral2);color:var(--rfn-deep);font-family:var(--rfn-h);font-size:.88rem;text-align:center}
.rfn .rfn-gauge__card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:11px 14px;border-radius:10px;background:#133d5e;color:#d9ecf3;text-decoration:none}
.rfn .rfn-gauge__card:hover{background:#1a4b71}
.rfn-gauge__name{font-family:var(--rfn-h);font-size:1.12rem;color:#fff}
.rfn-gauge__desc{grid-column:1;font-size:.82rem;line-height:1.5;color:#b9d6e1}
.rfn-gauge__n{grid-column:2;grid-row:1/3;align-self:center;padding:1px 10px;border-radius:10px;border:1px solid #3f7593;font-size:.78rem;color:#d9ecf3}
.rfn-cols{display:grid;grid-template-columns:minmax(0,1fr) var(--rfn-aside);gap:34px;align-items:start;padding-top:30px}
.rfn-hero+.rfn-cols{padding-top:10px}
.rfn-aside{display:flex;flex-direction:column;gap:18px;align-self:stretch}
.rfn-sec{position:relative;display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:1.3rem}
.rfn-sec::before{content:"";flex:none;width:14px;height:14px;border:3px solid var(--rfn-coral2);border-radius:50%}
.rfn-sec::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--rfn-line),transparent)}
.rfn-list__head{margin-bottom:20px}
.rfn-list__h{font-size:2rem;line-height:1.3}
.rfn-list__desc{margin-top:6px;color:var(--rfn-mute)}
.rfn-list__n{margin-top:4px;font-size:.88rem;color:var(--rfn-mute)}
.rfn-log{display:grid;grid-template-columns:76px minmax(0,1fr);margin-bottom:16px;border:1px solid var(--rfn-line);border-radius:12px;background:var(--rfn-card);overflow:hidden}
.rfn-log__side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--rfn-deep);color:#9fcfdf}
.rfn-log__lbl{font-size:.72rem;letter-spacing:.08em}
.rfn-log__no{font-family:var(--rfn-h);font-size:1.75rem;line-height:1;color:#fff}
.rfn-log__main{padding:18px 22px 14px}
.rfn-log__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:.82rem;color:var(--rfn-mute)}
.rfn .rfn-chip{display:inline-block;padding:1px 10px;border-radius:5px;background:var(--rfn-sand);color:var(--rfn-ink);font-size:.82rem;font-weight:700;line-height:1.7;text-decoration:none}
.rfn a.rfn-chip:hover{background:var(--rfn-coral2);color:var(--rfn-deep)}
.rfn .rfn-chip--old{background:#d7eef4}
.rfn-log__title{margin-top:8px;font-size:1.22rem;line-height:1.45}
.rfn .rfn-log__title a{color:var(--rfn-ink);text-decoration:none}
.rfn .rfn-log__title a:hover{color:var(--rfn-coral)}
.rfn-log__sum{margin-top:6px;font-size:.95rem;line-height:1.75;color:var(--rfn-mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rfn-log__row{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:10px;padding-top:9px;border-top:1px dashed var(--rfn-line);font-size:.8rem}
.rfn-log__row div{display:flex;gap:6px}
.rfn-log__row dt{color:var(--rfn-mute)}
.rfn-log__row dd{font-weight:700}
.rfn-empty{padding:24px;border-radius:12px;background:var(--rfn-card);color:var(--rfn-mute)}
.rfn-pager ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:22px 0 6px}
.rfn .rfn-pager a,.rfn-pager span{display:block;min-width:38px;padding:5px 12px;border-radius:8px;background:var(--rfn-card);border:1px solid var(--rfn-line);text-align:center;color:var(--rfn-ink);text-decoration:none}
.rfn-pager .current{background:var(--rfn-deep);border-color:var(--rfn-deep);color:#fff}
.rfn-topics{margin-top:36px}
.rfn-topics--wide{margin-top:12px;padding-top:28px}
.rfn-topics__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rfn-topics--wide .rfn-topics__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.rfn-topics--others .rfn-topics__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.rfn-topic{padding:16px 18px 14px;border-radius:12px;background:var(--rfn-card);border:1px solid var(--rfn-line);border-bottom:4px solid var(--rfn-sea)}
.rfn-topic__name{font-size:1.15rem}
.rfn .rfn-topic__name a{color:var(--rfn-ink);text-decoration:none}
.rfn-topic__desc{margin-top:2px;font-size:.85rem;line-height:1.55;color:var(--rfn-mute)}
.rfn-topic ul{list-style:none;margin-top:8px}
.rfn-topic li{padding:6px 0;border-top:1px solid #e3edf1;font-size:.9rem;line-height:1.5}
.rfn .rfn-topic li a{color:var(--rfn-ink);text-decoration:none}
.rfn .rfn-topic li a:hover{color:var(--rfn-coral);text-decoration:underline}
.rfn-topic__all{margin-top:8px;font-size:.86rem}
.rfn-recs{margin-top:28px;padding:16px 20px;border-radius:12px;background:#dceff4}
.rfn-recs ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;list-style:none}
.rfn-recs li{padding:7px 0;border-bottom:1px solid #c7e1e9;font-size:.93rem;line-height:1.55}
.rfn .rfn-recs a{color:var(--rfn-ink);text-decoration:none}
.rfn .rfn-recs a:hover{color:var(--rfn-coral);text-decoration:underline}
.rfn-lost{padding-top:34px}
.rfn-lost .rfn-topics--wide{padding-top:0}
.rfn-box{padding:16px 18px;border-radius:12px;background:var(--rfn-card);border-top:4px solid var(--rfn-sea);box-shadow:0 1px 0 var(--rfn-line)}
.rfn-box__h{margin-bottom:8px;font-size:1.08rem}
.rfn-box p{font-size:.9rem;line-height:1.7;color:var(--rfn-mute)}
.rfn-box p+p{margin-top:6px}
.rfn-box__more{font-size:.88rem}
.rfn-box__list{list-style:none}
.rfn-box__list li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid #e3edf1;font-size:.91rem;line-height:1.5}
.rfn .rfn-box__list a{color:var(--rfn-ink);text-decoration:none}
.rfn .rfn-box__list a:hover{color:var(--rfn-coral);text-decoration:underline}
.rfn-box__t{display:flex;flex-direction:column}
.rfn-box__desc{font-size:.78rem;line-height:1.45;color:var(--rfn-mute)}
.rfn-box__n{align-self:flex-start;flex:none;min-width:26px;padding:0 7px;border-radius:9px;background:var(--rfn-deep);color:#fff;text-align:center;font-size:.76rem}
.rfn-box__list--new li{flex-direction:column;gap:1px}
.rfn-box__list--new time{font-size:.78rem;color:var(--rfn-mute)}
.rfn-box__list--make li{justify-content:flex-start}
.rfn-terms dt{margin-top:8px;font-weight:700;font-size:.9rem}
.rfn-terms dt:first-child{margin-top:0}
.rfn-terms dd{font-size:.86rem;line-height:1.65;color:var(--rfn-mute)}
.rfn-here{font-weight:700;color:var(--rfn-coral)}
.rfn-toc{position:sticky;top:14px}
.rfn-toc ol{list-style:none;counter-reset:rc}
.rfn-toc li{counter-increment:rc;position:relative;padding:5px 0 5px 28px;border-top:1px solid #e3edf1;font-size:.87rem;line-height:1.5}
.rfn-toc li::before{content:counter(rc);position:absolute;left:0;top:6px;width:20px;height:20px;border-radius:6px;background:var(--rfn-deep);color:#fff;font-size:.7rem;line-height:20px;text-align:center}
.rfn .rfn-toc a{color:var(--rfn-ink);text-decoration:none}
.rfn .rfn-toc a:hover{color:var(--rfn-coral)}
.rfn-crumb ol{display:flex;flex-wrap:wrap;list-style:none;margin-bottom:12px;font-size:.82rem;color:var(--rfn-mute)}
.rfn-crumb li+li::before{content:"/";margin:0 8px;color:#9bb4c1}
.rfn .rfn-crumb a{color:var(--rfn-mute);text-decoration:none}
.rfn .rfn-crumb a:hover{color:var(--rfn-coral)}
.rfn-art{position:relative;padding:32px 40px 34px 76px;border-radius:12px;background:var(--rfn-card);border:1px solid var(--rfn-line)}
.rfn-art::before{content:"";position:absolute;left:30px;top:34px;bottom:34px;width:10px;border-left:2px solid #b9dbe5;background:repeating-linear-gradient(180deg,#b9dbe5 0 2px,transparent 2px 22px) left/8px 100% no-repeat}
.rfn-art__head{padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid var(--rfn-line)}
.rfn-art__h{margin-top:10px;font-size:clamp(1.55rem,2.5vw,1.95rem);line-height:1.38}
.rfn-art__meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:10px;font-size:.84rem;color:var(--rfn-mute)}
.rfn-body{font-size:1.02rem;line-height:1.9}
.rfn-body>*+*{margin-top:1.1em}
.rfn-body h2{position:relative;margin-top:2em;padding-left:24px;font-size:1.34rem;line-height:1.45;scroll-margin-top:16px}
.rfn-body h2::before{content:"";position:absolute;left:0;top:.4em;width:13px;height:13px;border:3px solid var(--rfn-coral2);border-radius:50%}
.rfn-body h3{margin-top:1.6em;font-size:1.1rem;line-height:1.5}
.rfn-body h2+*,.rfn-body h3+*{margin-top:.55em}
.rfn-body ul,.rfn-body ol{padding-left:1.3em}
.rfn-body li+li{margin-top:.3em}
.rfn-body blockquote{margin:0;padding:8px 0 8px 18px;border-left:3px solid var(--rfn-sea);color:var(--rfn-mute)}
.rfn-label{font-family:var(--rfn-t);font-weight:700;font-size:.98rem;color:var(--rfn-ink)}
.rfn-sum{padding:16px 20px;border-radius:10px;background:#dff1f6;border-left:6px solid var(--rfn-link)}
.rfn-body .rfn-sum ul{list-style:none;padding:0;margin-top:6px}
.rfn-sum li{position:relative;padding-left:20px;font-size:.97rem;line-height:1.75}
.rfn-sum li::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;border:2px solid var(--rfn-link);border-radius:50%}
.rfn-need{padding:16px 20px;border-radius:10px;background:var(--rfn-sand);border:1px solid #e8d8bb}
.rfn-body .rfn-need ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 20px;margin-top:6px}
.rfn-need li{padding:5px 0;border-bottom:1px solid #eadbbf;font-size:.95rem;line-height:1.6}
.rfn-tbl{overflow-x:auto;border-radius:10px;border:1px solid var(--rfn-line);background:var(--rfn-card)}
.rfn-tbl table{width:100%;min-width:520px;border-collapse:collapse;font-size:.93rem;line-height:1.65;margin:0}
.rfn-tbl th,.rfn-tbl td{padding:9px 13px;border:0;border-bottom:1px solid var(--rfn-line);text-align:left;vertical-align:top}
.rfn-tbl th{background:var(--rfn-deep);color:#fff;font-family:var(--rfn-h);font-weight:400;white-space:nowrap}
.rfn-tbl td:first-child{white-space:nowrap;font-weight:700}
.rfn-tbl tr:last-child td{border-bottom:0}
.rfn-tbl--free td:first-child{white-space:normal;min-width:12em}
.rfn-tbl--free td:nth-child(2){white-space:nowrap}
.rfn-tbl tbody tr:nth-child(even) td{background:#f4f9fb}
.rfn-tbl caption{caption-side:top;text-align:left;padding:9px 13px;font-size:.86rem;color:var(--rfn-mute)}
.rfn-body .rfn-check{list-style:none;padding:0}
.rfn-check li{position:relative;padding-left:32px}
.rfn-check li::before{content:"";position:absolute;left:0;top:.38em;width:20px;height:20px;border-radius:50%;background:var(--rfn-link)}
.rfn-check li::after{content:"";position:absolute;left:7px;top:calc(.38em + 4px);width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.rfn-tip,.rfn-warn,.rfn-note{padding:14px 18px;border-radius:10px;font-size:.98rem;line-height:1.8}
.rfn-tip{background:#e3f4ee;border-left:5px solid #2a7f63}
.rfn-warn{background:#fcebe5;border-left:5px solid var(--rfn-coral)}
.rfn-note{background:#e9eff4;border-left:5px solid var(--rfn-mute)}
.rfn-tip>*+*,.rfn-warn>*+*,.rfn-note>*+*{margin-top:.35em}
.rfn-warn .rfn-label{color:var(--rfn-coral)}
.rfn-body .rfn-steps{list-style:none;padding:0;counter-reset:rs}
.rfn-steps li{counter-increment:rs;position:relative;min-height:32px;padding:3px 0 3px 46px}
.rfn-steps li+li{margin-top:.75em}
.rfn-steps li::before{content:counter(rs);position:absolute;left:0;top:1px;width:32px;height:32px;border-radius:9px;background:var(--rfn-deep);color:#fff;font-family:var(--rfn-h);font-size:1.02rem;line-height:32px;text-align:center}
.rfn-faq{display:flex;flex-direction:column;gap:8px}
.rfn-faq details{border-radius:10px;background:#f1f7f9;border:1px solid var(--rfn-line)}
.rfn-faq summary{position:relative;list-style:none;cursor:pointer;padding:12px 40px 12px 16px;font-size:.98rem;line-height:1.55}
.rfn-faq summary::-webkit-details-marker{display:none}
.rfn-faq summary::after{content:"";position:absolute;right:16px;top:18px;width:8px;height:8px;border:solid var(--rfn-link);border-width:0 2px 2px 0;transform:rotate(45deg)}
.rfn-faq details[open] summary::after{transform:rotate(-135deg);top:22px}
.rfn-faq details>div{padding:0 16px 14px}
.rfn-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rfn-cmp>div{padding:14px 18px;border-radius:10px;background:var(--rfn-card);border:1px solid var(--rfn-line);border-top:4px solid var(--rfn-sea)}
.rfn-cmp>div:last-child{border-top-color:var(--rfn-coral2)}
.rfn-cmp ul{margin-top:6px}
.rfn-key{display:grid;grid-template-columns:minmax(110px,28%) minmax(0,1fr);margin:0;border-radius:10px;overflow:hidden;border:1px solid var(--rfn-line)}
.rfn-key dt,.rfn-key dd{margin:0;padding:9px 14px;border-bottom:1px solid var(--rfn-line);font-size:.95rem;line-height:1.7}
.rfn-key dt{background:#e6f2f6;font-weight:700}
.rfn-key dt:last-of-type,.rfn-key dd:last-of-type{border-bottom:0}
.rfn-rel{margin-top:34px}
.rfn-rel ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none}
.rfn .rfn-rel a{display:flex;flex-direction:column;gap:3px;height:100%;padding:13px 15px;border-radius:10px;background:#f1f7f9;border:1px solid var(--rfn-line);color:var(--rfn-ink);text-decoration:none}
.rfn .rfn-rel a:hover{border-color:var(--rfn-coral2)}
.rfn-rel__c{font-size:.78rem;color:var(--rfn-mute)}
.rfn-rel__t{font-size:.96rem;line-height:1.5}
.rfn-pn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--rfn-line)}
.rfn .rfn-pn__a{display:flex;flex-direction:column;gap:2px;font-size:.98rem;line-height:1.45;color:var(--rfn-ink);text-decoration:none}
.rfn .rfn-pn__a span{font-family:var(--rfn-b);font-size:.78rem;color:var(--rfn-mute)}
.rfn .rfn-pn__a:hover{color:var(--rfn-coral)}
.rfn-pn__next{grid-column:2;text-align:right}
.rfn-foot{margin-top:40px;background:var(--rfn-deep);color:#c9e0e9}
.rfn-foot__wave{display:block;width:100%;height:40px;margin-top:-39px;background:var(--rfn-bg)}
.rfn-foot__grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:36px;padding-top:30px;padding-bottom:22px}
.rfn-foot__brand{display:flex;align-items:center;gap:10px;font-family:var(--rfn-h);font-size:1.35rem;color:#fff}
.rfn-foot__about p+p{margin-top:10px;max-width:32em;font-size:.9rem}
.rfn-foot__h{margin-bottom:6px;font-family:var(--rfn-h);font-size:1.05rem;color:#fff}
.rfn-foot ul{list-style:none}
.rfn-foot li{padding:3px 0;font-size:.9rem}
.rfn .rfn-foot a{color:#d9ecf3;text-decoration:none}
.rfn .rfn-foot a:hover{color:#fff;text-decoration:underline}
.rfn-foot__end{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:14px;padding-bottom:22px;border-top:1px solid #23506f;font-size:.8rem;color:#a9cbd8}
@media (max-width:1020px){
.rfn-hero__grid{grid-template-columns:minmax(0,1fr);gap:24px}
.rfn-cols{grid-template-columns:minmax(0,1fr);gap:28px}
.rfn-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rfn-toc{position:static}
.rfn-topics--wide .rfn-topics__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.rfn-top__in{flex-direction:column;align-items:flex-start;gap:4px;padding-top:12px}
.rfn-nav{width:100%;overflow-x:auto}
.rfn-nav ul{flex-wrap:nowrap}
.rfn .rfn-nav a{padding:10px 12px 14px;white-space:nowrap}
.rfn .rfn-nav a[aria-current]::after{bottom:6px;left:12px;right:12px}
}
@media (max-width:700px){
body.rfn{font-size:15.5px}
.rfn-wrap{padding:0 15px}
.rfn-hero{padding:24px 0}
.rfn-hero__list ul{grid-template-columns:minmax(0,1fr)}
.rfn-gauge{padding:18px 14px 14px}
.rfn-gauge__list{padding-left:56px}
.rfn-gauge__list::before{left:20px}
.rfn-gauge__depth{left:-56px;width:44px}
.rfn-gauge__desc{display:none}
.rfn-log{grid-template-columns:56px minmax(0,1fr)}
.rfn-log__no{font-size:1.4rem}
.rfn-log__main{padding:14px 16px 12px}
.rfn-log__title{font-size:1.16rem}
.rfn-topics__grid,.rfn-topics--wide .rfn-topics__grid,.rfn-topics--others .rfn-topics__grid{grid-template-columns:minmax(0,1fr)}
.rfn-recs ul{grid-template-columns:minmax(0,1fr)}
.rfn-aside{grid-template-columns:minmax(0,1fr)}
.rfn-art{padding:22px 16px 26px}
.rfn-art::before{display:none}
.rfn-body .rfn-need ul{grid-template-columns:minmax(0,1fr)}
.rfn-cmp{grid-template-columns:minmax(0,1fr)}
.rfn-rel ul{grid-template-columns:minmax(0,1fr)}
.rfn-pn{grid-template-columns:minmax(0,1fr)}
.rfn-pn__next{grid-column:auto;text-align:left}
.rfn-foot__grid{grid-template-columns:minmax(0,1fr);gap:20px}
}
@media print{
.rfn-top,.rfn-aside,.rfn-foot,.rfn-rel,.rfn-pn,.rfn-hero{display:none}
.rfn-cols{display:block}
}