/* Ink finder — HTML reference layout, scoped to the theme's design tokens. */
.mitn-if { background:var(--color-surface-sunken); color:var(--color-text-body); font-family:var(--font-body); padding:0 0 60px; }
.mitn-if * { box-sizing:border-box; }
.mitn-if__wrap { max-width:920px; padding:0 20px; margin:0 auto; }
.mitn-if__breadcrumb { display:flex; gap:10px; flex-wrap:wrap; padding:22px 0 26px; color:var(--color-text-muted); font-size:12px; }
.mitn-if__breadcrumb a { color:inherit; }
.mitn-if__intro { margin-bottom:24px; }
.mitn-if__eyebrow { color:var(--color-brand-primary); font-size:11px; font-weight:700; letter-spacing:.13em; margin:0 0 8px; }
.mitn-if h1 { font-size:clamp(24px,3.3vw,30px); line-height:1.3; letter-spacing:-.02em; margin:0 0 10px; }
.mitn-if__intro>p:last-child { max-width:66ch; margin:0; color:var(--color-text-muted); font-size:15px; line-height:1.65; }
.mitn-if__tool { background:var(--color-surface-base); border:1px solid var(--color-border-subtle); border-radius:var(--radius-lg); box-shadow:var(--shadow-md); overflow:hidden; }
.mitn-if__tool-head { padding:22px 24px 0; }
.mitn-if__tool-head h2 { font-size:19px; margin:0 0 5px; }
.mitn-if__tool-head p { font-size:13.5px; margin:0; color:var(--color-text-muted); }
.mitn-if__trust { display:flex; flex-wrap:wrap; gap:8px 20px; padding:12px 24px; background:var(--color-greentech-bg); border-block:1px solid var(--color-border-subtle); margin-top:18px; color:var(--color-greentech); font-size:12px; font-weight:600; }
.mitn-if__body { padding:22px 24px 24px; }
.mitn-if__form { margin:0; }
.mitn-if__form label { display:block; color:var(--color-text-muted); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin:0 0 8px; }
.mitn-if__input-wrap { display:flex; gap:10px; }
.mitn-if #mitn-if-query { flex:1; min-width:0; width:100%; height:54px; border:2px solid var(--color-border-default); border-radius:var(--radius-md); padding:0 14px; font:inherit; font-size:16px; background:#fff; margin:0; box-shadow:none; color:var(--color-text-primary); }
.mitn-if #mitn-if-query:focus { border-color:var(--color-brand-primary); outline:2px solid var(--color-brand-surface); outline-offset:2px; }
.mitn-if button { font-family:inherit; letter-spacing:normal; text-transform:none; margin:0; min-height:0; line-height:1.4; }
.mitn-if__submit { padding:0 18px; background:var(--color-brand-primary); border:1px solid var(--color-brand-primary); color:#fff; border-radius:var(--radius-md); white-space:nowrap; font-size:14px; }
.mitn-if__submit:hover,.mitn-if__call:hover { background:var(--color-brand-primary-hover); color:#fff; }
.mitn-if__hint { font-size:12px; color:var(--color-text-muted); margin:9px 0 0; }
.mitn-if__quick { display:flex; gap:7px; flex-wrap:wrap; align-items:center; margin-top:14px; }
.mitn-if__quick>span { color:var(--color-text-subtle); font-size:11px; margin-right:2px; }
.mitn-if__quick button { font-size:12px; font-weight:500; color:var(--color-text-muted); background:var(--color-surface-raised); border:1px solid var(--color-border-subtle); border-radius:var(--radius-pill); padding:7px 12px; cursor:pointer; }
.mitn-if__quick button:hover { color:var(--color-brand-primary); border-color:var(--color-brand-primary); box-shadow:none; }
.mitn-if__status { font-size:13px; color:var(--color-text-muted); margin-top:16px; }
.mitn-if__status:empty { display:none; }
.mitn-if__status--quiet { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.mitn-if__results:not(:empty) { margin-top:24px; }
.mitn-if__results[aria-busy=true] { opacity:.5; pointer-events:none; }
.mitn-if__result-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:13px; }
.mitn-if__result-head h2 { font-family:var(--font-body); font-size:16px; font-weight:700; margin:0; line-height:1.5; }
.mitn-if__result-head>span { font-size:12px; white-space:nowrap; color:var(--color-text-muted); }
.mitn-if__card { border:1px solid var(--color-border-subtle); border-radius:10px; overflow:hidden; margin-bottom:12px; }
.mitn-if__card:last-child { margin-bottom:0; }
.mitn-if__card-head { padding:11px 15px; background:var(--color-surface-raised); border-bottom:1px solid var(--color-border-subtle); display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
.mitn-if__card-head h3 { width:auto; font-family:var(--font-numeric); font-size:14px; margin:0; }
.mitn-if__card-head h3 small { display:inline-block; font-family:var(--font-body); font-size:11px; font-weight:400; margin-left:8px; color:var(--color-text-muted); }
.mitn-if__saving { background:var(--color-greentech); color:#fff; font-size:11px; font-weight:700; padding:4px 9px; border-radius:var(--radius-pill); }
.mitn-if__row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:center; padding:15px; }
.mitn-if__row+.mitn-if__row { border-top:1px dashed var(--color-border-subtle); }
.mitn-if__row--gt { background:var(--color-greentech-bg); }
.mitn-if__name { display:block; color:var(--color-text-body); font-size:14px; font-weight:600; line-height:1.5; margin-bottom:7px; overflow-wrap:anywhere; }
.mitn-if__name:hover { color:var(--color-brand-primary); text-decoration:underline; }
.mitn-if__meta { display:flex; flex-wrap:wrap; gap:6px 8px; align-items:center; }
.mitn-if__tag { background:var(--color-surface-sunken); color:var(--color-text-muted); border-radius:3px; font-size:10px; font-weight:700; text-transform:uppercase; padding:3px 7px; }
.mitn-if__tag--gt { background:var(--color-greentech); color:#fff; }
.mitn-if__sku { color:var(--color-text-subtle); font-family:var(--font-numeric); font-size:11px; overflow-wrap:anywhere; }
.mitn-if__stock { font-size:11px; color:var(--color-status-warning); }
.mitn-if__price { text-align:right; white-space:nowrap; }
.mitn-if__price strong { display:block; font-family:var(--font-numeric); font-size:16px; font-variant-numeric:tabular-nums; color:var(--color-text-primary); }
.mitn-if__price .amount { color:inherit; }
.mitn-if__cpp { display:inline-block; font-size:12px; font-weight:600; padding:2px 7px; margin-top:4px; border-radius:3px; background:var(--color-surface-sunken); color:var(--color-text-muted); }
.mitn-if__cpp small { font-size:10px; }
.mitn-if__row--gt .mitn-if__cpp { background:var(--color-greentech); color:#fff; }
.mitn-if__only { padding:10px 15px; font-size:12px; line-height:1.6; background:#fff8e6; color:#795a10; border-top:1px dashed var(--color-border-subtle); }
.mitn-if__only a { color:inherit; font-weight:600; text-decoration:underline; }
.mitn-if__empty { text-align:center; border:1px dashed var(--color-border-default); border-radius:var(--radius-md); padding:28px 20px; }
.mitn-if__empty p { font-size:14px; color:var(--color-text-muted); margin:0 0 16px; }
.mitn-if__call { display:inline-flex; padding:11px 18px; border-radius:var(--radius-md); color:#fff; font-size:14px; font-weight:600; background:var(--color-brand-primary); }
.mitn-if__machines { display:grid; gap:8px; }
.mitn-if__machine { display:flex; align-items:center; justify-content:space-between; gap:12px; text-align:left; padding:13px 15px; background:var(--color-surface-raised); border:1px solid var(--color-border-subtle); border-radius:var(--radius-md); color:var(--color-text-body); cursor:pointer; }
.mitn-if__machine span { font-size:14px; }
.mitn-if__machine small { font-size:11px; color:var(--color-greentech); white-space:nowrap; }
.mitn-if__machine:hover { border-color:var(--color-greentech); background:var(--color-greentech-bg); box-shadow:none; }
.mitn-if__retry { margin-left:12px!important; padding:6px 12px; font-size:12px; border:1px solid var(--color-border-default); border-radius:var(--radius-sm); color:var(--color-text-body); }
.mitn-if__brands { margin-top:26px; padding:20px; background:var(--color-surface-base); border:1px solid var(--color-border-subtle); border-radius:10px; }
.mitn-if__brands h2 { font-size:15px; margin:0 0 12px; }
.mitn-if__brands ul { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
.mitn-if__brands ul li { margin:0; }
.mitn-if__brands a { display:block; padding:7px 13px; font-size:13px; color:var(--color-text-muted); border:1px solid var(--color-border-subtle); border-radius:var(--radius-pill); }
.mitn-if__brands a:hover { color:var(--color-brand-primary); border-color:var(--color-brand-primary); }
.mitn-if__note { font-size:12px; line-height:1.7; color:var(--color-text-muted); margin:20px 0 0; }
.mitn-if :is(button,a):focus-visible { outline:2px solid var(--color-focus-ring); outline-offset:3px; }
@media(max-width:640px) {
 .mitn-if__wrap { padding:0 14px; }
 .mitn-if__breadcrumb { padding:18px 0; }
 .mitn-if__tool-head { padding:18px 16px 0; }
 .mitn-if__trust { padding:11px 16px; gap:6px 14px; font-size:11px; }
 .mitn-if__body { padding:18px 16px; }
 .mitn-if__input-wrap { flex-wrap:wrap; }
 .mitn-if #mitn-if-query { flex-basis:100%; font-size:16px; }
 .mitn-if__submit { min-height:42px!important; width:100%; }
 .mitn-if__row { grid-template-columns:1fr; gap:10px; }
 .mitn-if__price { text-align:left; display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
 .mitn-if__cpp { margin:0; }
 .mitn-if__result-head { flex-wrap:wrap; gap:4px; }
 .mitn-if__machine { align-items:flex-start; flex-direction:column; gap:4px; }
 .mitn-if__brands { padding:16px; }
}