/* Lean Inline Related – 18 skins. Inherits the site font; RTL & LTR via logical properties; light/dark safe. */
.lir{
	--lir-accent:#2563eb;
	--lir-ink:currentColor;
	--lir-soft:rgba(37,99,235,.08);
	--lir-soft:color-mix(in srgb,var(--lir-accent) 9%,transparent);
	--lir-line:rgba(127,127,127,.25);
	--lir-line:color-mix(in srgb,currentColor 15%,transparent);
	--lir-accent2:#e8a33d;
	--lir-radius:14px;
	--lir-card:#fff;
	--lir-card-ink:#111827;
	display:block;clear:both;margin:1.8em 0;padding:0;
	font:inherit;line-height:1.65;color:inherit;max-width:100%;
}
.lir *,.lir *::before,.lir *::after{box-sizing:border-box}
.lir__label{display:block;margin:0 0 .4em;font-size:.82em;font-weight:800;color:var(--lir-accent);line-height:1.4}
.lir__items{display:grid;gap:.55em}
.lir a.lir__item{
	display:flex;align-items:center;gap:.9em;min-width:0;
	color:inherit;text-decoration:none;box-shadow:none;border:0;background:none;
	transition:color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.lir__thumb{flex:0 0 auto;display:block;width:4.6em;aspect-ratio:1/1;border-radius:calc(var(--lir-radius) - 4px);overflow:hidden;background:var(--lir-line)}
.lir__thumb img{display:block;width:100%!important;height:100%!important;max-width:none;object-fit:cover;margin:0!important;border-radius:0!important;transition:transform .35s ease}
.lir__in{display:contents}
.lir__body{flex:1 1 auto;min-width:0;display:block}
.lir__title{display:block;font-weight:700;font-size:1.02em;line-height:1.55}
.lir__meta{display:none;margin-top:.2em;font-size:.78em;font-weight:500;opacity:.72;line-height:1.5}
.lir__meta i{font-style:normal;margin:0 .45em}
.lir__body .lir__label{margin:0 0 .15em;font-size:.78em}
.lir__arrow{flex:0 0 auto;width:1.15em;height:1.15em;color:var(--lir-accent);transition:transform .2s ease}
.lir:dir(ltr) .lir__arrow{transform:scaleX(-1)}
.lir a.lir__item:hover .lir__title,.lir a.lir__item:focus-visible .lir__title{color:var(--lir-accent)}
.lir a.lir__item:hover .lir__arrow{transform:translateX(-4px)}
.lir:dir(ltr) a.lir__item:hover .lir__arrow{transform:scaleX(-1) translateX(-4px)}
.lir a.lir__item:hover .lir__thumb img{transform:scale(1.06)}
.lir a.lir__item:focus-visible{outline:2px solid var(--lir-accent);outline-offset:3px;border-radius:8px}

/* 1. line – accent rule on the start side */
.lir--line{border-inline-start:4px solid var(--lir-accent);padding-block:.35em;padding-inline-start:1em}
.lir--line .lir__thumb{width:3.6em}

/* 2. soft – tinted panel */
.lir--soft{background:var(--lir-soft);border-radius:var(--lir-radius);padding:1em 1.15em}
.lir--soft a.lir__item{padding:.15em 0}

/* 3. card – bordered card with larger image */
.lir--card .lir__items{gap:.7em}
.lir--card a.lir__item{border:1px solid var(--lir-line);border-radius:var(--lir-radius);padding:.7em;background:transparent}
.lir--card .lir__thumb{width:7em;aspect-ratio:4/3}
.lir--card a.lir__item:hover{border-color:var(--lir-accent);box-shadow:0 10px 26px -14px var(--lir-accent);transform:translateY(-2px)}

/* 4. outline – dashed frame with notch label */
.lir--outline{position:relative;border:2px dashed var(--lir-accent);border-radius:var(--lir-radius);padding:1.25em 1.1em .9em;margin-top:2.3em}
.lir--outline .lir__label{position:absolute;top:0;inset-inline-start:1em;transform:translateY(-50%);margin:0;padding:.15em .8em;border-radius:99px;background:var(--lir-accent);color:#fff}

/* 5. bold – solid accent panel */
.lir--bold{background:var(--lir-accent);color:#fff;border-radius:var(--lir-radius);padding:1em 1.15em}
.lir--bold .lir__label{color:#fff;opacity:.82}
.lir--bold .lir__arrow{color:#fff}
.lir--bold .lir__thumb{background:rgba(255,255,255,.18)}
.lir--bold a.lir__item:hover .lir__title,.lir--bold a.lir__item:focus-visible .lir__title{color:#fff;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}
.lir--bold a.lir__item:focus-visible{outline-color:#fff}

/* 6. pill – compact one-liner */
.lir--pill{display:flex;flex-wrap:wrap;align-items:center;gap:.4em .7em;background:var(--lir-soft);border-radius:1.6em;padding:.45em .6em;padding-inline-end:1.1em}
.lir--pill .lir__label{margin:0;padding:.25em .85em;border-radius:99px;background:var(--lir-accent);color:#fff;font-size:.78em;white-space:nowrap}
.lir--pill .lir__items{flex:1 1 12em;min-width:0;gap:.2em}
.lir--pill .lir__title{font-size:.97em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.lir--pill .lir__arrow{width:1em;height:1em}

/* 7. split – label column + content */
.lir--split{display:flex;align-items:stretch;border-radius:var(--lir-radius);overflow:hidden;border:1px solid var(--lir-line)}
.lir--split .lir__label{flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin:0;padding:.8em 1em;max-width:7.5em;text-align:center;background:var(--lir-accent);color:#fff;font-size:.85em}
.lir--split .lir__items{flex:1 1 auto;min-width:0;padding:.75em 1em}
.lir--split .lir__thumb{width:3.8em}

/* 8. list – numbered list with separators */
.lir--list{border-block:1px solid var(--lir-line);padding:.8em 0;counter-reset:lir}
.lir--list .lir__label{font-size:.9em}
.lir--list .lir__items{gap:0}
.lir--list a.lir__item{counter-increment:lir;padding:.5em 0;border-bottom:1px dashed var(--lir-line)}
.lir--list a.lir__item:last-child{border-bottom:0}
.lir--list a.lir__item::before{content:counter(lir);flex:0 0 auto;display:grid;place-items:center;width:1.85em;height:1.85em;border-radius:50%;background:var(--lir-soft);color:var(--lir-accent);font-weight:800;font-size:.85em}
.lir--list .lir__title{font-weight:600}


/* 9. ticket – perforated stub */
.lir--ticket a.lir__item{align-items:stretch;gap:0;padding:0;overflow:hidden;border-radius:var(--lir-radius);background:var(--lir-soft);border:1px solid var(--lir-line)}
.lir--ticket .lir__in{display:flex;flex:1 1 auto;min-width:0;align-items:center;gap:.9em;padding:.8em 1em}
.lir--ticket .lir__thumb{width:4.4em}
.lir--ticket .lir__stub{position:relative;flex:0 0 6.6em;display:flex;align-items:center;justify-content:center;padding:.6em .8em;text-align:center;background:var(--lir-accent);color:#fff;font-weight:800;font-size:.86em;line-height:1.5;transition:filter .2s ease;
	-webkit-mask:radial-gradient(circle .75em at 100% 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle .75em at 100% 100%,#0000 97%,#000) bottom/100% 51% no-repeat;
	mask:radial-gradient(circle .75em at 100% 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle .75em at 100% 100%,#0000 97%,#000) bottom/100% 51% no-repeat}
.lir--ticket .lir__stub::after{content:"";position:absolute;inset-block:1em;right:0;border-right:2px dashed rgba(255,255,255,.45)}
.lir--ticket:dir(ltr) .lir__stub{-webkit-mask:radial-gradient(circle .75em at 0 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle .75em at 0 100%,#0000 97%,#000) bottom/100% 51% no-repeat;mask:radial-gradient(circle .75em at 0 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle .75em at 0 100%,#0000 97%,#000) bottom/100% 51% no-repeat}
.lir--ticket:dir(ltr) .lir__stub::after{right:auto;left:0;border-right:0;border-left:2px dashed rgba(255,255,255,.45)}
.lir--ticket a.lir__item:hover .lir__stub{filter:brightness(1.25)}

/* 10. note – taped sticky note */
.lir--note{position:relative;margin-top:2.4em;padding:1.25em 1.3em 1em;background:#fff8d6;color:#3b2f00;border-radius:3px 3px 14px 3px;transform:rotate(-1deg);box-shadow:0 12px 22px -14px rgba(120,90,0,.55)}
.lir--note::before{content:"";position:absolute;top:-.75em;left:50%;width:6.2em;height:1.55em;background:rgba(9,47,86,.16);background:color-mix(in srgb,var(--lir-accent) 20%,transparent);transform:translateX(-50%) rotate(2deg)}
.lir--note .lir__label{color:#8a6a00}
.lir--note .lir__label::before{content:"📌 "}
.lir--note .lir__title{text-decoration:underline;text-decoration-color:#e8c547;text-decoration-thickness:3px;text-underline-offset:.4em}
.lir--note .lir__meta{display:block;color:#8a7a3c;opacity:1}
.lir--note .lir__arrow{color:#8a6a00}

/* 11. cover – full-bleed image, title on top */
.lir--cover .lir__items{gap:.8em}
.lir--cover a.lir__item{position:relative;display:block;overflow:hidden;border-radius:calc(var(--lir-radius) + 4px);color:#fff;background:var(--lir-accent);background:linear-gradient(135deg,var(--lir-accent),color-mix(in srgb,var(--lir-accent) 55%,#000))}
.lir--cover .lir__in{position:relative;display:flex;align-items:flex-end;gap:1em;min-height:13.5em;padding:1.2em 1.35em}
.lir--cover .lir__thumb{position:absolute;inset:0;width:auto;aspect-ratio:auto;border-radius:0;background:none}
.lir--cover .lir__thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,15,30,.92) 0%,rgba(5,15,30,.4) 55%,transparent 85%)}
.lir--cover .lir__body{position:relative}
.lir--cover .lir__label{display:inline-block;margin-bottom:.45em;padding:.2em .85em;border-radius:99px;background:var(--lir-accent2);color:#1b1300}
.lir--cover .lir__title{color:#fff;font-size:1.22em}
.lir--cover .lir__meta{display:block;color:rgba(255,255,255,.8);opacity:1}
.lir--cover .lir__arrow{position:relative;width:2.7em;height:2.7em;padding:.75em;border-radius:50%;background:#fff;color:var(--lir-accent)}
.lir--cover a.lir__item:hover .lir__title{color:#fff}
.lir--cover a.lir__item:hover .lir__thumb img{transform:scale(1.05)}

/* 12. ribbon – hanging bookmark */
.lir--ribbon .lir__items{gap:.9em}
.lir--ribbon a.lir__item{position:relative;border:1px solid var(--lir-line);border-radius:var(--lir-radius);padding:1em 1.1em;padding-inline-start:4.4em}
.lir--ribbon a.lir__item:hover{border-color:var(--lir-accent)}
.lir--ribbon .lir__ribbon{position:absolute;top:-.4em;inset-inline-start:1.1em;width:2.2em;height:4em;display:flex;justify-content:center;padding-top:1.05em;background:var(--lir-accent);color:#fff;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}
.lir--ribbon .lir__ribbon svg{width:1em;height:1em}
.lir--ribbon .lir__thumb{order:3;width:3.8em;border-radius:50%;box-shadow:0 0 0 3px var(--lir-card),0 0 0 5px var(--lir-line)}
.lir--ribbon .lir__arrow{display:none}

/* 13. glass – frosted card over the post's own blurred image */
.lir--glass .lir__items{gap:.8em}
.lir--glass a.lir__item{position:relative;display:block;isolation:isolate;overflow:hidden;padding:1.15em;border-radius:calc(var(--lir-radius) + 6px);background:var(--lir-soft)}
.lir--glass .lir__bg{position:absolute;inset:-2em;z-index:-1;background-size:cover;background-position:center;filter:blur(22px) saturate(1.4);transform:scale(1.1)}
.lir--glass .lir__in{display:flex;align-items:center;gap:.9em;padding:.75em .9em;border-radius:var(--lir-radius);background:rgba(255,255,255,.64);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.8);box-shadow:0 10px 30px -12px rgba(0,0,0,.35);color:var(--lir-card-ink)}
.lir--glass .lir__thumb{width:5.4em;aspect-ratio:4/3}
.lir--glass .lir__meta{display:block}

/* 14. chat – message from the site */
.lir--chat{display:flex;align-items:flex-start;gap:.85em}
.lir__avatar{flex:0 0 auto;display:grid;place-items:center;width:2.9em;height:2.9em;overflow:hidden;border-radius:50%;background:var(--lir-accent);color:#fff;font-weight:900;font-size:1.05em;box-shadow:0 0 0 3px var(--lir-card),0 0 0 5px var(--lir-line)}
.lir__avatar img{width:100%!important;height:100%!important;object-fit:cover;margin:0!important}
.lir__bubble{position:relative;flex:1 1 auto;min-width:0;padding:.8em .95em;border-radius:18px;border-start-start-radius:4px;background:var(--lir-soft)}
.lir__bubble::before{content:"";position:absolute;top:0;inset-inline-start:-9px;width:10px;height:12px;background:inherit;clip-path:polygon(0 0,100% 0,0 100%)}
.lir--chat:dir(ltr) .lir__bubble::before{clip-path:polygon(0 0,100% 0,100% 100%)}
.lir__say{display:block;margin:.1em 0 .7em;font-size:.95em;opacity:.9}
.lir--chat a.lir__item{padding:.5em;border-radius:12px;background:var(--lir-card);color:var(--lir-card-ink);border:1px solid var(--lir-line)}
.lir--chat .lir__thumb{width:3.7em}
.lir--chat .lir__arrow{display:none}

/* 15. deck – stacked cards */
.lir--deck .lir__items{gap:1.7em;padding:.3em 1.1em 1.1em}
.lir--deck a.lir__item{position:relative;display:block;isolation:isolate}
.lir--deck a.lir__item::before,.lir--deck a.lir__item::after{content:"";position:absolute;inset:0;z-index:0;border-radius:var(--lir-radius);border:1px solid var(--lir-line);transition:transform .25s ease}
.lir--deck a.lir__item::before{background:#dfe7f1;background:color-mix(in srgb,var(--lir-accent) 14%,#fff);transform:translate(-10px,12px) rotate(-2.5deg)}
.lir--deck a.lir__item::after{background:#eef3f8;background:color-mix(in srgb,var(--lir-accent) 6%,#fff);transform:translate(-5px,6px) rotate(-1.2deg)}
.lir--deck a.lir__item:hover::before{transform:translate(-16px,15px) rotate(-4.5deg)}
.lir--deck a.lir__item:hover::after{transform:translate(-8px,8px) rotate(-2.2deg)}
.lir--deck .lir__in{position:relative;z-index:1;display:flex;align-items:center;gap:.9em;padding:.8em;border-radius:var(--lir-radius);background:var(--lir-card);color:var(--lir-card-ink);border:1px solid var(--lir-line);box-shadow:0 14px 26px -18px var(--lir-accent)}
.lir--deck .lir__thumb{width:6em;aspect-ratio:4/3}
.lir__more{flex:0 0 auto;padding:.3em .8em;border-radius:99px;background:var(--lir-soft);color:var(--lir-accent);font-size:.78em;font-weight:700;white-space:nowrap}

/* 16. diagonal – slanted image + brand block */
.lir--diagonal .lir__items{gap:.8em}
.lir--diagonal a.lir__item{align-items:stretch;gap:0;overflow:hidden;min-height:8.5em;border-radius:var(--lir-radius);background:var(--lir-accent);color:#fff}
.lir--diagonal .lir__thumb{width:44%;aspect-ratio:auto;border-radius:0;background:none;clip-path:polygon(0 0,100% 0,100% 100%,18% 100%)}
.lir--diagonal:dir(ltr) .lir__thumb{clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
.lir--diagonal .lir__body{display:flex;flex-direction:column;justify-content:center;padding:1em 1.3em}
.lir--diagonal .lir__label{color:var(--lir-accent2)}
.lir--diagonal .lir__title{font-size:1.08em}
.lir--diagonal .lir__meta{display:block;color:rgba(255,255,255,.75);opacity:1}
.lir--diagonal .lir__arrow{align-self:center;margin-inline-end:1em;color:#fff}
.lir--diagonal a.lir__item:hover .lir__title{color:#fff;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}

/* 17. path – reading path / next step */
.lir--path{padding:1em 1.15em;border:1px solid var(--lir-line);border-radius:var(--lir-radius)}
.lir--path .lir__label{margin-bottom:.6em;font-size:.9em}
.lir--path .lir__label::before{content:"🧭 "}
.lir--path .lir__items{gap:0}
.lir--path .lir__item{position:relative;display:flex;align-items:center;gap:.8em;padding:.45em 0;color:inherit;text-decoration:none}
.lir--path .lir__item:not(:last-child)::after{content:"";position:absolute;inset-inline-start:calc(.87em - 1px);top:2.3em;bottom:-.55em;border-inline-start:2px dashed var(--lir-line)}
.lir__dot{position:relative;z-index:1;flex:0 0 auto;display:grid;place-items:center;width:2.05em;height:2.05em;border-radius:50%;border:2px solid var(--lir-line);background:var(--lir-card);color:#94a3b8;font-size:.85em;font-weight:900;line-height:1}
.lir--path .lir__title{font-weight:600;font-size:.97em;opacity:.85}
.lir--path .lir__item--done .lir__dot{background:#16a34a;border-color:#16a34a;color:#fff}
.lir--path .lir__item--done .lir__title{text-decoration:line-through;opacity:.55}
.lir--path .lir__item--next .lir__dot{background:var(--lir-accent);border-color:var(--lir-accent);color:#fff;box-shadow:0 0 0 5px var(--lir-soft)}
.lir--path .lir__item--next .lir__title{font-weight:800;font-size:1.02em;opacity:1}
.lir__now{flex:0 0 auto;padding:.2em .7em;border-radius:99px;background:var(--lir-accent2);color:#1b1300;font-size:.72em;font-weight:800;white-space:nowrap}

/* 18. glow – rotating gradient frame */
@property --lir-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes lir-spin{to{--lir-angle:360deg}}
.lir--glow .lir__items{gap:.8em}
.lir--glow a.lir__item{display:block;padding:2px;border-radius:calc(var(--lir-radius) + 2px);background:conic-gradient(from var(--lir-angle),var(--lir-accent),#3b82f6,var(--lir-accent2),var(--lir-accent));animation:lir-spin 6s linear infinite}
.lir--glow .lir__in{display:flex;align-items:center;gap:.9em;padding:.85em 1em;border-radius:var(--lir-radius);background:var(--lir-card);color:var(--lir-card-ink)}
.lir--glow .lir__thumb{width:4.4em;border-radius:.9em}
.lir--glow .lir__label{background:linear-gradient(90deg,var(--lir-accent),#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent}
.lir--glow .lir__label::before{content:"✦ "}
.lir--glow .lir__meta{display:block}
.lir--glow .lir__arrow{width:2.4em;height:2.4em;padding:.6em;border-radius:.75em;background:linear-gradient(135deg,var(--lir-accent),#3b82f6);color:#fff}

.lir--ticket .lir__meta,.lir--deck .lir__meta{display:block}

@media (max-width:480px){
	.lir--split{flex-direction:column}
	.lir--split .lir__label{max-width:none;justify-content:flex-start;padding:.45em 1em}
	.lir--card .lir__thumb{width:5.2em}
	.lir--pill{border-radius:var(--lir-radius);padding-inline-end:.8em}
	.lir--ticket .lir__stub{flex-basis:5.2em;font-size:.8em}
	.lir--ticket .lir__thumb{width:3.6em}
	.lir--cover .lir__in{min-height:11.5em;padding:1em}
	.lir--cover .lir__title{font-size:1.08em}
	.lir--diagonal .lir__thumb{width:36%}
	.lir--deck .lir__thumb,.lir--glass .lir__thumb{width:4.4em}
	.lir--ribbon a.lir__item{padding-inline-start:3.9em}
}
@media (prefers-reduced-motion:reduce){
	.lir *,.lir a.lir__item{transition:none!important}
	.lir a.lir__item:hover{transform:none!important}
	.lir a.lir__item:hover .lir__thumb img{transform:none}
	.lir--glow a.lir__item{animation:none}
	.lir--deck a.lir__item:hover::before,.lir--deck a.lir__item:hover::after{transform:none}
}
@media print{.lir{display:none}}