/* m-refine: yükseltme (+ basma) ve üretim. Core tokens only. */
.rf-lead { margin: 0 0 .9rem; color: var(--soft); max-width: 75ch; }
.rf-note { margin: .4rem 0 .9rem; color: var(--soft); max-width: 78ch; font-size: .94rem; }
.rf-h3 { margin: 1.3rem 0 .5rem; font-family: var(--display); font-size: 1.12rem; color: var(--amber-hot); font-weight: 400; }
.rf-h4 { margin: 1rem 0 .4rem; font-size: .98rem; color: var(--bronze-lit); font-weight: 600; }
.rf-arrow { color: var(--amber); }
.rf-th { margin-right: .5rem; vertical-align: middle; }
.rf-jump { display: flex; flex-wrap: wrap; gap: .4rem 1.1rem; list-style: none; margin: 0 0 1rem; padding: 0; font-size: .92rem; }
.rf-jump a { color: var(--link); }
.rf-jump a:hover, .rf-jump a:focus-visible { color: var(--link-hot); }
.rf-links { margin: 0 0 1rem; padding-left: 1.2rem; color: var(--soft); }
.rf-tipwrap { margin: .6rem 0 1rem; max-width: 30rem; }

/* number tiles */
.rf-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; margin: 0 0 1.6rem; }
.rf-tiles--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.rf-tile { padding: .7rem .85rem .8rem; min-width: 0; background: linear-gradient(160deg, var(--panel-2), var(--panel)); border: 1px solid var(--line); border-left: 3px solid var(--bronze);
  clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); }
.rf-tile__k { font-size: .74rem; letter-spacing: .06em; text-transform: uppercase; color: var(--mute); }
.rf-tile__v { margin-top: .2rem; font: 400 1.35rem var(--display); color: var(--amber-hot); overflow-wrap: anywhere; }
.rf-tile__s { margin-top: .15rem; font-size: .82rem; color: var(--mute); }

/* calculator */
.rf-calc__form { margin-bottom: .9rem; }
.rf-calc__lead { margin: 0 0 .7rem; font: 400 1.1rem var(--display); color: var(--bone); }
.rf-calc__fine { margin: .8rem 0 0; color: var(--mute); font-size: .86rem; max-width: 80ch; }
.rf-lv { display: inline-block; min-width: 4.3rem; color: var(--amber); font-variant-numeric: tabular-nums; }

/* material lists */
.rf-mats { display: flex; flex-wrap: wrap; gap: .15rem .8rem; }
.rf-mat { white-space: nowrap; }
.rf-mat__n { color: var(--amber-dim); font-variant-numeric: tabular-nums; }
.rf-scrs { display: flex; flex-direction: column; gap: .1rem; margin-top: .2rem; font-size: .86rem; font-weight: 400; }
tr.is-range > * { background: rgba(255, 180, 84, .1); }
tr.is-cap > * { opacity: .6; }

/* rules and evidence */
.rf-rules { display: grid; gap: .8rem; margin: 0 0 1rem; }
.rf-rule { padding: .75rem 1rem .85rem; background: var(--panel); border: 1px solid var(--line); border-left: 3px solid var(--bronze); min-width: 0; }
.rf-rule__t { margin: 0 0 .3rem; font: 400 1.05rem var(--display); color: var(--amber-hot); }
.rf-rule__b { margin: 0; color: var(--bone); max-width: 90ch; }
.rf-rule__m { margin: .35rem 0 0; color: var(--soft); font-size: .92rem; }
.rf-rule__e { margin: .5rem 0 0; }
.rf-ev { display: inline-flex; flex-wrap: wrap; gap: .3rem; }
.rf-pairs { margin: .5rem 0 0; padding-left: 1.2rem; color: var(--soft); font-size: .92rem; }
.rf-pairs li { margin: .2rem 0; }

/* Bilinmeyenler */
.rf-unk { padding: .9rem 1.1rem 1rem; background: linear-gradient(160deg, var(--panel-2), var(--panel)); border: 1px dashed var(--bronze); border-left: 3px solid var(--warn); }
.rf-unk__lead { margin: 0 0 .7rem; color: var(--soft); }
.rf-unk__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .8rem; }
.rf-unk__i { padding-bottom: .7rem; border-bottom: 1px solid var(--line); }
.rf-unk__i:last-child { border-bottom: 0; padding-bottom: 0; }
.rf-unk__h { display: flex; flex-wrap: wrap; align-items: baseline; gap: .3rem .6rem; color: var(--amber-hot); }
.rf-unk__b { margin: .3rem 0 0; color: var(--bone); max-width: 90ch; }
.rf-unk__s { margin: .3rem 0 0; color: var(--mute); font-size: .84rem; }

@media (max-width: 1100px) {
  .rf-tiles--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .rf-tiles, .rf-tiles--6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rf-mat { white-space: normal; }
}
@media (max-width: 420px) {
  .rf-tile__v { font-size: 1.15rem; }
}