/* ==========================================================================
   Trail log — every post as a stop on the trail
   ========================================================================== */


.rg-logpage { overflow-x: clip; padding-bottom: 0; }
.rg-log { position: relative; padding-bottom: clamp(3rem, 7vw, 6rem); }
.rg-log *, .rg-log *::before, .rg-log *::after { box-sizing: border-box; }
.rg-visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }

/* ---------- Hero ----------------------------------------------------------- */

.rg-log__hero {
	position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.9fr); gap: clamp(28px, 5vw, 72px); align-items: center;
	padding-block: clamp(2.5rem, 6vw, 5rem) clamp(2rem, 5vw, 4rem);
}
.rg-log__topo { position: absolute; inset: -40px -10vw 0; width: calc(100% + 20vw); height: calc(100% + 40px); z-index: -1; pointer-events: none; opacity: 0.55; }
.rg-log__topo path { fill: none; stroke: #DCC9A3; stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.rg-log__intro > * { margin: 0; }
.rg-log__intro > * + * { margin-top: 20px; }
.rg-log__title { font-size: clamp(2.8rem, 6.4vw, 5.6rem); line-height: 0.95; letter-spacing: -0.02em; max-width: 13ch; }
.rg-log__title em { display: block; color: var(--wp--preset--color--forest); }
.rg-log__title .rg-amp { font-style: normal; font-weight: inherit; } /* The italic display ampersand is a swashy 'Et'; use the upright one. */
.rg-log__lede { max-width: 54ch; font-size: clamp(1.05rem, 1.4vw, 1.2rem); color: #4E5A4F; }
.rg-log__stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 32px !important; border-top: 2px dashed #C9B894; }
.rg-log__stats div { padding: 14px 12px 0 0; }
.rg-log__stats dt { font: 500 0.6875rem/1.2 var(--wp--preset--font-family--mono); letter-spacing: 0.14em; text-transform: uppercase; color: #6B5A3E; }
.rg-log__stats dd { margin: 6px 0 0; font: 800 clamp(1.4rem, 2.4vw, 2rem)/1.1 var(--wp--preset--font-family--display); }

.rg-js .rg-log__rise { opacity: 0; transform: translateY(24px); filter: blur(6px); animation: rg-log-rise 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: var(--d, 0ms); }
@keyframes rg-log-rise { to { opacity: 1; transform: none; filter: none; } }

/* Latest entry */
.rg-log__latest {
	position: relative; display: block; aspect-ratio: 4 / 5; border-radius: 28px; overflow: hidden; color: #fff; text-decoration: none; isolation: isolate;
	box-shadow: 0 40px 70px -40px rgba(31, 42, 34, 0.75); transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
	transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.rg-log__latest-media, .rg-log__latest-media img, .rg-log__latest-media svg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.rg-log__latest-media img, .rg-log__latest-media svg { transform: scale(1.08) translate(calc(var(--ry, 0deg) * -1.2px / 1deg), calc(var(--rx, 0deg) * 1.2px / 1deg)); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
.rg-log__latest::after { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(180deg, rgba(15, 23, 20, 0) 40%, rgba(15, 23, 20, 0.85) 100%); }
.rg-log__ribbon {
	position: absolute; top: 18px; left: 18px; z-index: 1; padding: 8px 12px; border-radius: 8px; background: var(--wp--preset--color--ember); color: #fff;
	font: 500 0.75rem/1 var(--wp--preset--font-family--mono); letter-spacing: 0.12em; text-transform: uppercase;
}
.rg-log__ribbon::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: #fff; animation: rg-log-blink 1.6s ease-in-out infinite; }
@keyframes rg-log-blink { 50% { opacity: 0.25; } }
.rg-log__latest-body { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; display: flex; flex-direction: column; gap: 8px; padding: clamp(20px, 3vw, 30px); }
.rg-log__latest-date { font: 500 0.8125rem/1.2 var(--wp--preset--font-family--mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--wp--preset--color--sun); }
.rg-log__latest-title { font: 800 clamp(1.6rem, 2.6vw, 2.3rem)/1.05 var(--wp--preset--font-family--display); }
.rg-log__latest-go { margin-top: 6px; font-weight: 600; transform: translateX(0); transition: transform 0.3s ease; }
.rg-log__latest:hover .rg-log__latest-go { transform: translateX(6px); }
.rg-log__latest:focus-visible { outline: 3px solid var(--wp--preset--color--ember); outline-offset: 4px; }

/* ---------- Filter bar ------------------------------------------------------- */

.rg-log__bar {
	position: sticky; top: 12px; z-index: 20; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 10px;
	border-radius: 24px; background: rgba(255, 250, 240, 0.85); border: 1px solid var(--rg-line, #E4D6BB);
	-webkit-backdrop-filter: blur(14px) saturate(1.3); backdrop-filter: blur(14px) saturate(1.3);
	box-shadow: 0 18px 40px -28px rgba(60, 45, 20, 0.6);
}
.rg-log__search { position: relative; flex: 0 1 260px; min-width: 180px; display: flex; align-items: center; }
.rg-log__search svg { position: absolute; left: 14px; color: #8A7656; pointer-events: none; }
.rg-log__search input {
	width: 100%; padding: 12px 14px 12px 42px; border-radius: 999px; border: 1.5px solid #E4D6BB; background: #fff;
	font: 500 1rem/1.2 var(--wp--preset--font-family--body); color: var(--wp--preset--color--ink); transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.rg-log__search input:focus { outline: none; border-color: var(--wp--preset--color--forest); box-shadow: 0 0 0 4px rgba(47, 79, 58, 0.15); }
.rg-log__chips { display: flex; gap: 6px; flex: 1 1 0; min-width: 0; overflow-x: auto; scrollbar-width: none; padding: 2px; }
.rg-log__chips::-webkit-scrollbar { display: none; }
.rg-log__chips { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent); padding-right: 30px; }
.rg-log__chip {
	flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 999px; border: 1.5px solid transparent; background: transparent; cursor: pointer;
	font: 600 0.9375rem/1 var(--wp--preset--font-family--body); color: var(--wp--preset--color--ink);
	transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.rg-log__chip b { min-width: 22px; padding: 4px 6px; border-radius: 999px; background: #F3EAD7; font: 500 0.75rem/1 var(--wp--preset--font-family--mono); color: #6B5A3E; transition: inherit; }
.rg-log__chip:hover { background: #F3EAD7; }
.rg-log__chip:active { transform: scale(0.95); }
.rg-log__chip[aria-pressed="true"] { background: var(--wp--preset--color--forest); color: var(--wp--preset--color--sand); }
.rg-log__chip[aria-pressed="true"] b { background: var(--wp--preset--color--sun); color: var(--wp--preset--color--ink); }
.rg-log__chip:focus-visible, .rg-log__sort:focus-visible, .rg-log__views button:focus-visible { outline: 3px solid var(--wp--preset--color--ember); outline-offset: 2px; }
.rg-log__tools { display: flex; gap: 8px; margin-left: auto; }
.rg-log__sort {
	display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 999px; border: 1.5px solid #E4D6BB; background: #fff; cursor: pointer;
	font: 600 0.9375rem/1 var(--wp--preset--font-family--body); color: var(--wp--preset--color--ink);
}
.rg-log__sort svg { transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }
.rg-log__sort[data-dir="asc"] svg { transform: scaleY(-1); }
.rg-log__views { position: relative; display: inline-flex; padding: 4px; border-radius: 999px; background: #F3EAD7; }
.rg-log__views-marker { position: absolute; top: 4px; bottom: 4px; left: 4px; border-radius: 999px; background: var(--wp--preset--color--ink); transition: transform 0.45s cubic-bezier(0.65, 0, 0.35, 1), width 0.45s cubic-bezier(0.65, 0, 0.35, 1); }
.rg-log__views button {
	position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 0; border-radius: 999px; background: none; cursor: pointer;
	font: 600 0.875rem/1 var(--wp--preset--font-family--body); color: var(--wp--preset--color--ink); transition: color 0.3s ease;
}
.rg-log__views button[aria-pressed="true"] { color: var(--wp--preset--color--sand); }
.rg-log__count { margin: 18px 4px 0; font: 500 0.8125rem/1 var(--wp--preset--font-family--mono); letter-spacing: 0.1em; text-transform: uppercase; color: #8A7656; }

/* ---------- The trail ------------------------------------------------------ */

.rg-log__stage { position: relative; margin-top: 28px; }
.rg-log__route { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.rg-log__route-bg { fill: none; stroke: #CDB991; stroke-width: 4; stroke-dasharray: 2 14; stroke-linecap: round; }
.rg-log__route-fg { fill: none; stroke: var(--wp--preset--color--ember); stroke-width: 5; stroke-linecap: round; }
.rg-log__van {
	position: absolute; left: 0; top: 0; z-index: 5; width: 74px; height: 37px; margin: -18px 0 0 -37px; pointer-events: none;
	filter: drop-shadow(0 8px 10px rgba(31, 42, 34, 0.35)); will-change: transform; opacity: 0; transition: opacity 0.4s ease;
}
.rg-log__van.is-on { opacity: 1; }
.rg-log__van svg { display: block; width: 100%; height: auto; }

.rg-log__list { position: relative; z-index: 2; margin: 0; padding: 40px 0 0; list-style: none; }
.rg-log__entry { position: relative; display: flex; padding-block: clamp(26px, 4vw, 44px); --wig: 0px; }
.rg-log__entry[hidden] { display: none; }
.rg-log__entry.is-left { justify-content: flex-start; }
.rg-log__entry.is-right { justify-content: flex-end; }

/* Month signposts on the trail */
.rg-log__entry.is-month { padding-top: clamp(84px, 9vw, 110px); }
.rg-log__entry.is-month::before {
	content: attr(data-month); position: absolute; top: clamp(22px, 3vw, 34px); left: 50%; z-index: 3; transform: translateX(-50%) rotate(-2deg);
	padding: 10px 16px; border-radius: 8px; background: var(--wp--preset--color--bark, #6B4A2E); color: var(--wp--preset--color--sand);
	font: 500 0.75rem/1 var(--wp--preset--font-family--mono); letter-spacing: 0.16em; text-transform: uppercase; white-space: nowrap;
	box-shadow: 0 10px 20px -12px rgba(31, 42, 34, 0.7);
}

/* Waypoint pins */
.rg-log__pin { position: absolute; left: calc(50% + var(--wig)); top: 50%; z-index: 4; width: 26px; height: 26px; margin: -13px 0 0 -13px; }
.rg-log__pin span {
	position: absolute; inset: 0; border-radius: 50%; background: var(--wp--preset--color--paper, #FFFAF0); border: 4px solid #CDB991;
	transition: background-color 0.35s ease, border-color 0.35s ease, transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.rg-log__entry.is-passed .rg-log__pin span { background: var(--wp--preset--color--ember); border-color: #fff; transform: scale(1.15); box-shadow: 0 0 0 6px rgba(233, 132, 78, 0.25); }
.rg-log__entry.is-current .rg-log__pin::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 2px solid var(--wp--preset--color--ember); animation: rg-log-ping 1.6s cubic-bezier(0, 0, 0.2, 1) infinite; }
@keyframes rg-log-ping { from { transform: scale(0.6); opacity: 1; } to { transform: scale(1.8); opacity: 0; } }

/* Cards */
.rg-log__card {
	position: relative; width: calc(50% - 70px); display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); border-radius: 24px; overflow: visible;
	background: var(--wp--preset--color--paper, #FFFAF0); border: 1px solid var(--rg-line, #E4D6BB); box-shadow: 0 26px 50px -36px rgba(60, 45, 20, 0.7);
	transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.45s ease;
}
.rg-js .rg-log__entry .rg-log__card { opacity: 0; transform: translateX(var(--from, 40px)) rotate(var(--tilt)); }
.rg-js .rg-log__entry.is-left .rg-log__card { --from: -40px; }
.rg-js .rg-log__entry.is-in .rg-log__card { opacity: 1; transform: none; transition: opacity 0.8s ease, transform 0.9s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s ease; }
.rg-js .rg-log__entry.is-in .rg-log__card:hover { transform: translateY(-6px); box-shadow: 0 36px 60px -36px rgba(60, 45, 20, 0.8); }
.rg-log__media { position: relative; display: block; min-height: 220px; overflow: hidden; border-radius: 23px 0 0 23px; background: #D9C9A6; }
.rg-log__media img, .rg-log__media svg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1); }
.rg-log__card:hover .rg-log__media img, .rg-log__card:hover .rg-log__media svg { transform: scale(1.07); }
.rg-log__media svg.is-flip { transform: scaleX(-1); }
.rg-log__card:hover .rg-log__media svg.is-flip { transform: scaleX(-1) scale(1.07); }
.rg-log__body { display: flex; flex-direction: column; gap: 10px; padding: 22px 22px 20px; min-width: 0; }
.rg-log__body > * { margin: 0; }
.rg-log__cats { display: flex; flex-wrap: wrap; gap: 6px; padding: 0; list-style: none; }
.rg-log__cats li { padding: 5px 9px; border-radius: 999px; background: #F3EAD7; font: 500 0.6875rem/1 var(--wp--preset--font-family--mono); letter-spacing: 0.08em; text-transform: uppercase; color: #6B4A2E; }
.rg-log__h { font-size: clamp(1.3rem, 1.9vw, 1.6rem) !important; line-height: 1.1 !important; }
.rg-log__h a { color: inherit; text-decoration: none; background: linear-gradient(currentColor, currentColor) 0 100% / 0 2px no-repeat; transition: background-size 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
.rg-log__card:hover .rg-log__h a, .rg-log__h a:focus-visible { background-size: 100% 2px; }
.rg-log__h a::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: 24px; }
.rg-log__h a:focus-visible { outline: none; }
.rg-log__card:has(.rg-log__h a:focus-visible) { outline: 3px solid var(--wp--preset--color--ember); outline-offset: 4px; }
.rg-log__excerpt { color: #4E5A4F; font-size: 0.9375rem; line-height: 1.55; }
.rg-log__meta { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: auto !important; padding-top: 6px; font: 500 0.75rem/1.3 var(--wp--preset--font-family--mono); color: #8A7656; }
.rg-log__loc { display: inline-flex; align-items: center; gap: 4px; color: var(--wp--preset--color--ember); }

/* Postmark stamp */
.rg-log__stamp {
	position: absolute; top: -18px; right: -18px; z-index: 3; display: grid; place-items: center; align-content: center; width: 74px; height: 74px; border-radius: 50%;
	border: 2px dashed var(--wp--preset--color--ember); background: rgba(255, 250, 240, 0.95); color: var(--wp--preset--color--ember); transform: rotate(-10deg);
	font: 500 0.625rem/1 var(--wp--preset--font-family--mono); letter-spacing: 0.12em; text-transform: uppercase; box-shadow: 0 8px 16px -10px rgba(60, 45, 20, 0.6);
}
.rg-log__stamp b { font: 800 1.5rem/1 var(--wp--preset--font-family--display); letter-spacing: 0; margin: 2px 0; }
.rg-log__entry.is-left .rg-log__stamp { right: auto; left: -18px; transform: rotate(10deg); }
.rg-js .rg-log__entry .rg-log__stamp { opacity: 0; transform: scale(1.6) rotate(-30deg); }
.rg-js .rg-log__entry.is-in .rg-log__stamp { opacity: 1; transform: rotate(-10deg); transition: opacity 0.2s ease 0.45s, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.45s; }
.rg-js .rg-log__entry.is-left.is-in .rg-log__stamp { transform: rotate(10deg); }

/* End of the trail */
.rg-log__end { position: relative; z-index: 2; margin-top: clamp(30px, 5vw, 60px); padding-top: 20px; text-align: center; }
.rg-log__end > * { margin: 0 auto; }
.rg-log__fire { display: inline-block; filter: drop-shadow(0 0 18px rgba(232, 116, 59, 0.6)); animation: rg-log-flicker 0.18s ease-in-out infinite alternate; transform-origin: 50% 100%; }
@keyframes rg-log-flicker { to { transform: scale(1.04, 0.97); } }
.rg-log__end-title { margin-top: 12px !important; font: 800 clamp(1.6rem, 3vw, 2.2rem)/1.1 var(--wp--preset--font-family--display); }
.rg-log__end p:last-child { margin-top: 8px; color: #4E5A4F; }
.rg-log__end a { color: var(--wp--preset--color--ember); font-weight: 600; }

.rg-log__empty { position: relative; z-index: 2; padding: 60px 20px; text-align: center; color: #6B4A2E; }
.rg-log__empty > * { margin: 0 auto; }
.rg-log__empty-title { margin-top: 14px !important; font: 800 1.6rem/1.1 var(--wp--preset--font-family--display); color: var(--wp--preset--color--ink); }
.rg-log__empty p:not(.rg-log__empty-title) { margin-top: 8px; color: #4E5A4F; }
.rg-log__reset { margin-top: 18px; padding: 12px 18px; border: 0; border-radius: 999px; background: var(--wp--preset--color--ink); color: var(--wp--preset--color--sand); font-weight: 600; cursor: pointer; }

/* ---------- Wall view: polaroids -------------------------------------------- */

.rg-log__stage[data-view="wall"] .rg-log__route,
.rg-log__stage[data-view="wall"] .rg-log__van,
.rg-log__stage[data-view="wall"] .rg-log__pin,
.rg-log__stage[data-view="wall"] .rg-log__excerpt { display: none; }
.rg-log__stage[data-view="wall"] .rg-log__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 34px 26px; padding-top: 30px; }
.rg-log__stage[data-view="wall"] .rg-log__entry { padding: 0; display: block; }
.rg-log__stage[data-view="wall"] .rg-log__entry.is-month { padding-top: 0; }
.rg-log__stage[data-view="wall"] .rg-log__entry::before { display: none; }
.rg-log__stage[data-view="wall"] .rg-log__card { width: 100%; display: block; padding: 12px 12px 6px; border-radius: 6px; background: #fff; }
.rg-js .rg-log__stage[data-view="wall"] .rg-log__entry.is-in .rg-log__card { transform: rotate(var(--tilt)); }
.rg-js .rg-log__stage[data-view="wall"] .rg-log__entry.is-in .rg-log__card:hover { transform: rotate(0deg) scale(1.04); z-index: 6; }
.rg-log__stage[data-view="wall"] .rg-log__media { aspect-ratio: 1; min-height: 0; border-radius: 3px; }
.rg-log__stage[data-view="wall"] .rg-log__body { padding: 14px 4px 10px; gap: 8px; }
.rg-log__stage[data-view="wall"] .rg-log__h { font-size: 1.2rem !important; }
.rg-log__stage[data-view="wall"] .rg-log__stamp { top: -14px; right: -14px; left: auto; width: 62px; height: 62px; }
.rg-log__stage[data-view="wall"] .rg-log__stamp b { font-size: 1.2rem; }
.rg-log__stage[data-view="wall"] .rg-log__card::before { /* tape */
	content: ""; position: absolute; top: -10px; left: 50%; z-index: 2; width: 90px; height: 24px; margin-left: -45px; transform: rotate(-3deg);
	background: rgba(232, 184, 107, 0.55); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

/* ---------- Responsive ----------------------------------------------------- */

@media (max-width: 960px) {
	.rg-log__hero { grid-template-columns: 1fr; }
	.rg-log__latest { aspect-ratio: 16 / 11; }
	.rg-log__card { grid-template-columns: 1fr; }
	.rg-log__media { min-height: 0; aspect-ratio: 16 / 10; border-radius: 23px 23px 0 0; }
}
@media (max-width: 760px) {
	.rg-log__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rg-log__bar { position: relative; top: 0; border-radius: 20px; }
	.rg-log__chips { order: 3; flex-basis: 100%; }
	.rg-log__search { flex: 1 1 100%; }
	.rg-log__tools { margin-left: 0; }
	.rg-log__entry, .rg-log__entry.is-left, .rg-log__entry.is-right { justify-content: flex-end; }
	.rg-log__pin { left: calc(20px + var(--wig)); }
	.rg-log__card { width: calc(100% - 52px); }
	.rg-log__entry.is-month::before { left: 0; transform: rotate(-2deg); }
	.rg-js .rg-log__entry.is-left .rg-log__card { --from: 40px; }
	.rg-log__entry.is-left .rg-log__stamp { left: auto; right: -10px; }
	.rg-log__stamp { width: 62px; height: 62px; top: -14px; left: auto; right: -10px; }
	.rg-log__stamp b { font-size: 1.2rem; }
	.rg-log__van { width: 54px; height: 27px; margin: -13px 0 0 -27px; }
	.rg-log__stage[data-view="wall"] .rg-log__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 14px; }
	.rg-log__stage[data-view="wall"] .rg-log__cats, .rg-log__stage[data-view="wall"] .rg-log__meta span:not(.rg-log__loc) { display: none; }
	.rg-log__stage[data-view="wall"] .rg-log__h { font-size: 1rem !important; }
}

/* ---------- Night mode (Sat–Sun) ------------------------------------------ */

html[data-rg-mode="weekend"] .rg-log__topo path { stroke: #22302A; }
html[data-rg-mode="weekend"] .rg-log__title em { color: #A9CDB2; }
html[data-rg-mode="weekend"] .rg-log__lede,
html[data-rg-mode="weekend"] .rg-log__excerpt,
html[data-rg-mode="weekend"] .rg-log__end p:last-child,
html[data-rg-mode="weekend"] .rg-log__empty p:not(.rg-log__empty-title) { color: var(--rg-n-muted); }
html[data-rg-mode="weekend"] .rg-log__stats { border-top-color: var(--rg-n-dash); }
html[data-rg-mode="weekend"] .rg-log__stats dt,
html[data-rg-mode="weekend"] .rg-log__count,
html[data-rg-mode="weekend"] .rg-log__meta { color: var(--rg-n-muted); }
html[data-rg-mode="weekend"] .rg-log__bar { background: rgba(24, 35, 30, 0.82); border-color: var(--rg-n-line); }
html[data-rg-mode="weekend"] .rg-log__search input,
html[data-rg-mode="weekend"] .rg-log__sort { background: var(--rg-n-surface-2); border-color: var(--rg-n-line); color: var(--rg-n-text); }
html[data-rg-mode="weekend"] .rg-log__search svg { color: var(--rg-n-muted); }
html[data-rg-mode="weekend"] .rg-log__chip { color: var(--rg-n-text); }
html[data-rg-mode="weekend"] .rg-log__chip:hover { background: var(--rg-n-surface-2); }
html[data-rg-mode="weekend"] .rg-log__chip b { background: var(--rg-n-surface-2); color: var(--rg-n-muted); }
html[data-rg-mode="weekend"] .rg-log__chip[aria-pressed="true"] { background: var(--rg-n-accent); color: #111916; }
html[data-rg-mode="weekend"] .rg-log__chip[aria-pressed="true"] b { background: #111916; color: var(--rg-n-accent); }
html[data-rg-mode="weekend"] .rg-log__views { background: var(--rg-n-surface-2); }
html[data-rg-mode="weekend"] .rg-log__views-marker { background: var(--rg-n-accent); }
html[data-rg-mode="weekend"] .rg-log__views button { color: var(--rg-n-text); }
html[data-rg-mode="weekend"] .rg-log__views button[aria-pressed="true"] { color: #111916; }
html[data-rg-mode="weekend"] .rg-log__route-bg { stroke: var(--rg-n-dash); }
html[data-rg-mode="weekend"] .rg-log__route-fg { stroke: var(--rg-n-accent); filter: drop-shadow(0 0 6px rgba(232, 184, 107, 0.55)); }
html[data-rg-mode="weekend"] .rg-log__card { background: var(--rg-n-surface); border-color: var(--rg-n-line); }
html[data-rg-mode="weekend"] .rg-log__stage[data-view="wall"] .rg-log__card { background: #F4EEDF; color: var(--wp--preset--color--ink); }
html[data-rg-mode="weekend"] .rg-log__stage[data-view="wall"] .rg-log__meta { color: #8A7656; }
html[data-rg-mode="weekend"] .rg-log__stage[data-view="wall"] .rg-log__h, html[data-rg-mode="weekend"] .rg-log__stage[data-view="wall"] .rg-log__h a { color: var(--wp--preset--color--ink); }
html[data-rg-mode="weekend"] .rg-log__stage[data-view="wall"] .rg-log__loc { color: var(--wp--preset--color--ember); }
html[data-rg-mode="weekend"] .rg-log__cats li { background: var(--rg-n-surface-2); color: var(--rg-n-accent); }
html[data-rg-mode="weekend"] .rg-log__stage[data-view="wall"] .rg-log__cats li { background: #EADFC9; color: #6B4A2E; }
html[data-rg-mode="weekend"] .rg-log__pin span { background: var(--rg-n-bg); border-color: var(--rg-n-dash); }
html[data-rg-mode="weekend"] .rg-log__entry.is-passed .rg-log__pin span { background: var(--rg-n-accent); border-color: var(--rg-n-bg); box-shadow: 0 0 0 6px rgba(232, 184, 107, 0.25), 0 0 18px rgba(232, 184, 107, 0.6); }
html[data-rg-mode="weekend"] .rg-log__entry.is-current .rg-log__pin::after { border-color: var(--rg-n-accent); }
html[data-rg-mode="weekend"] .rg-log__stamp { background: var(--rg-n-surface-2); border-color: var(--rg-n-ember); color: var(--rg-n-ember); }
html[data-rg-mode="weekend"] .rg-log__loc { color: var(--rg-n-ember); }
html[data-rg-mode="weekend"] .rg-log__entry.is-month::before { background: var(--rg-n-surface-2); color: var(--rg-n-accent); border: 1px solid var(--rg-n-line); }
html[data-rg-mode="weekend"] .rg-log__empty { color: var(--rg-n-accent); }
html[data-rg-mode="weekend"] .rg-log__empty-title { color: var(--rg-n-text); }
html[data-rg-mode="weekend"] .rg-log__reset { background: var(--rg-n-accent); color: #111916; }

@media (prefers-reduced-motion: reduce) {
	.rg-log *, .rg-log *::before, .rg-log *::after { animation: none !important; transition: none !important; }
	.rg-js .rg-log__rise, .rg-js .rg-log__entry .rg-log__card, .rg-js .rg-log__entry .rg-log__stamp { opacity: 1; transform: none; filter: none; }
}

/* Two rows: search + sort + layout on top, every topic on the row below (no scrolling) */
.rg-log__bar { row-gap: 8px; padding: 10px 10px 12px; }
.rg-log__search { flex: 1 1 320px; max-width: none; }
.rg-log__tools { order: 2; margin-left: 0; }
.rg-log__chips {
	order: 3; flex: 1 1 100%; flex-wrap: wrap; overflow: visible; padding: 10px 2px 0; border-top: 1px dashed #E4D6BB;
	-webkit-mask-image: none; mask-image: none;
}
html[data-rg-mode="weekend"] .rg-log__chips { border-top-color: var(--rg-n-line); }
@media (max-width: 760px) {
	.rg-log__chips { flex-wrap: nowrap; overflow-x: auto; border-top: 0; padding-top: 2px; -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent); }
}