:root{--lp-a:#88ff5a;--lp-b:#b4ff8f;--lp-c:#34503a;}

/* NEXUS 2.0 — Part 11 generated override */
/* Domain: wildbeehostel.com */
/* Landing palette: forest-lime | Feature palette: neon-tangerine */

:root {
  --n2-bg: #0b1710;
  --n2-surface: #12281a;
  --n2-surface-2: #1d3926;
  --n2-card: #1e3325;
  --n2-card-2: #2f4937;
  --n2-text: #f3fff7;
  --n2-muted: #b2cdb8;
  --n2-line: #34503a;
  --n2-accent: #88ff5a;
  --n2-accent-2: #b4ff8f;
  --n2-accent-soft: #33642c;
  --n2-shadow: rgba(0,0,0,.35);
  --n2-overlay: rgba(8,12,18,.78);

  --n2-feature-bg: #1a1209;
  --n2-feature-surface: #29190d;
  --n2-feature-surface-2: #392212;
  --n2-feature-card: #36271c;
  --n2-feature-card-2: #493425;
  --n2-feature-text: #fff7ef;
  --n2-feature-muted: #e3bfa0;
  --n2-feature-line: #6b4220;
  --n2-feature-accent: #ff8a1f;
  --n2-feature-accent-2: #ffbb6a;
  --n2-feature-accent-soft: #5c3411;
  --n2-feature-glow: rgba(255,138,31,.38);
  --n2-feature-shadow: rgba(0,0,0,.40);
  --n2-feature-overlay: rgba(10,10,16,.72);
}

html, body {
  color: var(--n2-text);
}

a {
  color: var(--n2-accent);
}

a:hover {
  color: var(--n2-accent-2);
}

/* ===== Review ===== */
.n2-review {
  background: linear-gradient(180deg, var(--n2-surface), var(--n2-card));
  border: 1px solid var(--n2-line);
  border-radius: 18px;
  padding: 20px;
  color: var(--n2-text);
  box-shadow: 0 10px 30px var(--n2-shadow);
}
.n2-review .n2-review-title,
.n2-review h2,
.n2-review h3 {
  color: var(--n2-accent-2);
}
.n2-review-card {
  background: linear-gradient(180deg, var(--n2-card), var(--n2-card-2));
  border: 1px solid var(--n2-line);
  border-radius: 16px;
  padding: 16px;
  margin: 14px 0;
}
.n2-review-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--n2-accent-soft);
  color: var(--n2-text);
  border: 1px solid var(--n2-line);
  font-weight: 700;
}

/* ===== FAQ ===== */
.n2-faq {
  background: linear-gradient(180deg, var(--n2-surface), var(--n2-card));
  border: 1px solid var(--n2-line);
  border-radius: 18px;
  padding: 18px;
  color: var(--n2-text);
  box-shadow: 0 10px 30px var(--n2-shadow);
}
.n2-faq details {
  background: var(--n2-card);
  border: 1px solid var(--n2-line);
  border-radius: 14px;
  padding: 0;
  margin: 12px 0;
  overflow: hidden;
}
.n2-faq summary {
  list-style: none;
  cursor: pointer;
  padding: 15px 18px;
  font-weight: 700;
  color: var(--n2-accent-2);
  position: relative;
}
.n2-faq summary::-webkit-details-marker { display: none; }
.n2-faq summary::after {
  content: '+';
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  line-height: 1;
  color: var(--n2-accent);
}
.n2-faq details[open] summary::after { content: '−'; }
.n2-faq .n2-faq-answer,
.n2-faq .faq-answer,
.n2-faq details > div {
  padding: 0 18px 16px 18px;
  color: var(--n2-text);
  opacity: .96;
}

/* ===== Generic Feature Shell ===== */
[data-n2-feature],
.n2-feature-block,
.n2-feature-surface,
.n2-live-wins,
.n2-hot-hours,
.n2-trend-matrix,
.n2-provider-ranking,
.n2-lucky-calendar,
.n2-game-selector,
.n2-rtp-dashboard {
  background: linear-gradient(180deg, var(--n2-feature-surface), var(--n2-feature-card));
  border: 1px solid var(--n2-feature-line);
  color: var(--n2-feature-text);
  border-radius: 18px;
  box-shadow: 0 14px 34px var(--n2-feature-shadow), 0 0 0 1px rgba(255,255,255,.02) inset;
}

[data-n2-feature] .n2-feature-head,
.n2-feature-title,
.n2-live-wins h2,
.n2-hot-hours h2,
.n2-trend-matrix h2,
.n2-provider-ranking h2,
.n2-lucky-calendar h2,
.n2-game-selector h2,
.n2-rtp-dashboard h2 {
  color: var(--n2-feature-accent-2);
}

[data-n2-feature] .badge,
.n2-feature-badge,
.n2-live-badge,
.n2-jackpot-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--n2-feature-accent-soft);
  border: 1px solid var(--n2-feature-line);
  color: var(--n2-feature-text);
  box-shadow: 0 0 0 1px rgba(255,255,255,.03) inset, 0 0 24px var(--n2-feature-glow);
}

[data-n2-feature] .card,
[data-n2-feature] .item,
[data-n2-feature] .row,
.n2-feature-card,
.n2-live-card,
.n2-provider-card,
.n2-game-card,
.n2-jackpot-card {
  background: linear-gradient(180deg, var(--n2-feature-card), var(--n2-feature-card-2));
  border: 1px solid var(--n2-feature-line);
  border-radius: 14px;
}

[data-n2-feature] .btn,
.n2-feature-btn,
.n2-feature-button,
.n2-live-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 42px;
  padding: 10px 16px;
  border-radius: 12px;
  border: 1px solid transparent;
  background: linear-gradient(135deg, var(--n2-feature-accent), var(--n2-feature-accent-2));
  color: #081119 !important;
  text-decoration: none;
  font-weight: 800;
  box-shadow: 0 10px 24px var(--n2-feature-glow);
}

[data-n2-feature] table,
[data-n2-feature] .table {
  width: 100%;
  border-collapse: collapse;
}
[data-n2-feature] th,
[data-n2-feature] td {
  border-bottom: 1px solid var(--n2-feature-line);
  padding: 10px 12px;
}
[data-n2-feature] th {
  color: var(--n2-feature-accent-2);
  background: rgba(255,255,255,.02);
}

/* progress */
[data-n2-feature] .progress,
.n2-feature-progress {
  background: rgba(255,255,255,.06);
  border-radius: 999px;
  overflow: hidden;
}
[data-n2-feature] .progress > span,
.n2-feature-progress > span,
.n2-feature-progress-bar {
  display: block;
  min-height: 8px;
  background: linear-gradient(90deg, var(--n2-feature-accent), var(--n2-feature-accent-2));
  box-shadow: 0 0 18px var(--n2-feature-glow);
}

/* small utilities */
.n2-text-muted { color: var(--n2-muted) !important; }
.n2-feature-muted { color: var(--n2-feature-muted) !important; }
.n2-border-line { border-color: var(--n2-line) !important; }
.n2-feature-border { border-color: var(--n2-feature-line) !important; }

/* ===== LANDING THEME OVERRIDES (loaded last by P13) ===== */
html body { background-color: var(--n2-bg) !important; color: var(--n2-text); }
body :is(header, nav, .navbar, .site-header, .main-header) { border-color: var(--n2-line); }
body :is(.navbar, .site-header, .main-header, .page-wrapper, .main-wrapper) { background-color: var(--n2-bg); }
body :is(.card, .panel, .box, .content-box):not(.n2f-shell):not([data-n2-feature]) { border-color: var(--n2-line); }
body :is(a:not(.btn), .nav-link):hover { color: var(--n2-accent-2); }
body :is(.btn-primary, button.primary, .button-primary) { background-color: var(--n2-accent) !important; border-color: var(--n2-accent) !important; }

/* ===== Article editorial treatment ===== */
.n2-article { box-sizing:border-box; max-width:100%; margin:28px auto; padding:clamp(18px,3.2vw,34px); border:1px solid var(--n2-line); border-radius:20px; background:linear-gradient(150deg,var(--n2-surface),var(--n2-card)); box-shadow:0 16px 40px var(--n2-shadow); color:var(--n2-text); font-size:clamp(15px,1.15vw,17px); line-height:1.85; overflow-wrap:anywhere; }
.n2-article :is(h1,h2,h3,h4) { color:var(--n2-text) !important; font-weight:800; line-height:1.35; letter-spacing:-.015em; margin:1.65em 0 .65em; overflow-wrap:break-word; }
.n2-article :is(h1,h2) { border-bottom:1px solid var(--n2-line); padding-bottom:.55em; }
.n2-article h1 { font-size:clamp(24px,3vw,34px); margin-top:0; }
.n2-article h2 { font-size:clamp(21px,2.4vw,28px); }
.n2-article h3 { font-size:clamp(18px,2vw,23px); color:var(--n2-accent-2) !important; }
.n2-article p { margin:0 0 1.25em; line-height:1.85; color:var(--n2-text); }
.n2-article :is(ul,ol) { padding-inline-start:1.6em; margin:0 0 1.35em; }
.n2-article li { margin:.42em 0; padding-inline-start:.2em; }
.n2-article li::marker { color:var(--n2-accent); }
.n2-article a { color:var(--n2-accent-2) !important; text-decoration:underline; text-underline-offset:3px; }
.n2-article blockquote { margin:1.5em 0; padding:14px 20px; border-inline-start:4px solid var(--n2-accent); background:var(--n2-surface-2); border-radius:10px; }
.n2-article :is(table,.table) { display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; margin:20px 0; border-radius:12px; }
.n2-article :is(th,td) { border:1px solid var(--n2-line); padding:12px 14px; vertical-align:top; }
.n2-article th { background:var(--n2-surface-2); color:var(--n2-accent-2); text-align:start; }
.n2-article tr:nth-child(even) td { background:var(--n2-surface-2); }
.n2-article img { max-width:100%; height:auto; border-radius:12px; }
.n2-article :is(pre,code) { max-width:100%; overflow-x:auto; }
@media(max-width:640px) { .n2-article { border-radius:14px; padding:16px; margin:16px 0; font-size:15px; line-height:1.75; } .n2-article :is(th,td) { padding:9px; } }

/* domain marker */
body[data-n2-domain="wildbeehostel-com"] {
  --n2-domain-ready: 1;
}


/* NEXUS Part 11 V3: stable dark landing surfaces and readable editorial content */
html, body {
  background-color: var(--n2-bg) !important;
  color: var(--n2-text);
}
body {
  background-image: linear-gradient(135deg, var(--n2-bg), var(--n2-surface)) !important;
  background-attachment: fixed;
}
.n2-article {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: clamp(18px, 3vw, 32px);
  margin: 24px auto;
  color: var(--n2-text);
  background: linear-gradient(160deg, var(--n2-surface), var(--n2-card));
  border: 1px solid var(--n2-line);
  border-radius: 18px;
  box-shadow: 0 12px 30px var(--n2-shadow);
  font-family: system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
  font-size: clamp(15px, 1.1vw, 17px);
  line-height: 1.85;
  overflow-wrap: anywhere;
}
.n2-article *, .n2-article *::before, .n2-article *::after { box-sizing: border-box; }
.n2-article :is(h1,h2,h3,h4) {
  color: var(--n2-accent-2);
  line-height: 1.4;
  letter-spacing: normal;
  margin: 1.5em 0 0.65em;
  font-weight: 800;
}
.n2-article :is(h1,h2,h3,h4):first-child { margin-top: 0; }
.n2-article h1 { font-size: clamp(23px, 2.2vw, 32px); }
.n2-article h2 { font-size: clamp(21px, 1.9vw, 28px); padding-bottom: .45em; border-bottom: 1px solid var(--n2-line); }
.n2-article h3 { font-size: clamp(18px, 1.5vw, 23px); }
.n2-article h4 { font-size: 17px; }
.n2-article p { margin: 0 0 1.25em; color: var(--n2-text); }
.n2-article :is(ul,ol) { padding-inline-start: 1.6em; margin: 0 0 1.25em; }
.n2-article li { padding-inline-start: .2em; margin-bottom: .5em; }
.n2-article li::marker { color: var(--n2-accent); }
.n2-article a { color: var(--n2-accent-2); text-decoration: underline; text-underline-offset: 3px; }
.n2-article a:hover { color: var(--n2-text); }
.n2-article strong, .n2-article b { color: var(--n2-text); font-weight: 750; }
.n2-article blockquote {
  margin: 1.25em 0;
  padding: 14px 18px;
  border-inline-start: 4px solid var(--n2-accent);
  border-radius: 10px;
  background: var(--n2-surface-2);
}
.n2-article :is(table,pre) { display: block; max-width: 100%; overflow-x: auto; }
.n2-article table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 1.25em 0; border-radius: 12px; }
.n2-article :is(th,td) { padding: 11px 13px; border: 1px solid var(--n2-line); vertical-align: top; }
.n2-article th { color: var(--n2-text); background: var(--n2-surface-2); text-align: start; }
.n2-article tr:nth-child(even) td { background: var(--n2-surface-2); }
.n2-article img { display: block; height: auto; max-width: 100%; margin: 16px auto; border-radius: 12px; }
.n2-article :is(iframe,video) { max-width: 100%; }
.n2-article hr { border: 0; border-top: 1px solid var(--n2-line); margin: 24px 0; }
@media (max-width: 768px) {
  .n2-article { margin: 16px auto; padding: 16px; border-radius: 14px; font-size: 15px; line-height: 1.8; }
  .n2-article :is(th,td) { padding: 9px 10px; }
}


/* NEXUS-P11-V4: explicit website-wide recoloring */
:root {
 --background:var(--n2-bg);--background-color:var(--n2-bg);
 --bg:var(--n2-bg);--bg-color:var(--n2-bg);
 --primary:var(--n2-accent);--primary-color:var(--n2-accent);
 --secondary:var(--n2-accent-2);--secondary-color:var(--n2-accent-2);
 --accent:var(--n2-accent);--accent-color:var(--n2-accent);
 --theme-color:var(--n2-accent);--brand-color:var(--n2-accent);
 --border-color:var(--n2-line);--card-bg:var(--n2-card);
 --surface:var(--n2-surface);--surface-color:var(--n2-surface);
 --text-color:var(--n2-text);--muted-color:var(--n2-muted);
 --color-primary:var(--n2-accent);--color-secondary:var(--n2-accent-2);
}
html {background-color:var(--n2-bg) !important;}
body {background:radial-gradient(ellipse at 50% -10%,var(--n2-surface-2),transparent 56%),linear-gradient(180deg,var(--n2-bg),var(--n2-surface)) !important;
 color:var(--n2-text) !important;}
header,.header,.site-header,.main-header,.topbar,.top-bar,.nav-wrap,.navbar,.main-nav,
nav:not(.n2f-shell nav),.header-container {
 background-color:var(--n2-surface) !important;
 border-color:var(--n2-line) !important;
 color:var(--n2-text) !important;
}
header a,.header a,.site-header a,.navbar a,.main-nav a,nav a {color:var(--n2-text) !important;}
header a:hover,.header a:hover,.navbar a:hover,nav a:hover {color:var(--n2-accent-2) !important;}
main,.main-content,.page-container,.page-content,.content-wrapper,.container-main,
section.hero,.hero-section,.banner-section,.content-section,.article-section,
.article-container,.content-card,.review-section,.faq-section,
.sidebar,.widget,.info-panel,.panel,.card:not(.n2f-shell .card) {
 border-color:var(--n2-line);
 color:var(--n2-text);
}
section.hero,.hero-section,.banner-section {background-color:var(--n2-surface) !important;}
.article-container,.content-card,.content-section,.article-section,.sidebar,.widget,
.info-panel,.panel,.review-section,.faq-section {background-color:var(--n2-surface) !important;}
section:not([data-n2-feature]) h1,section:not([data-n2-feature]) h2,
article h1,article h2,.section-title,.heading-title {color:var(--n2-accent-2) !important;}
.cta,.cta-btn,.cta-button,.btn-primary,.button-primary,.register-btn,.register-button,
.btn-register,.button-register,a[href*="register"].btn,a[href*="daftar"].btn {
 background:linear-gradient(130deg,var(--n2-accent),var(--n2-accent-2)) !important;
 color:var(--n2-bg) !important;
 border-color:var(--n2-accent) !important;
}
.btn-secondary,.button-secondary,.login-btn,.btn-login,.button-login {
 background:var(--n2-surface-2) !important;
 border-color:var(--n2-accent) !important;
 color:var(--n2-text) !important;
}
.keyword-box,.keywords,.keyword-strip,.marquee,.announcement,
.stats-box,.info-card,.content-box {border-color:var(--n2-line) !important;}
.keyword-strip,.announcement,.stats-box {background:var(--n2-surface-2) !important;}
footer,.footer,.site-footer {background-color:var(--n2-surface) !important;
 border-color:var(--n2-line) !important;color:var(--n2-muted) !important;}
/* Isolate P12 feature colors so it can deliberately contrast with the main LP. */
.n2f-shell,[data-n2-feature] {--primary:var(--n2-feature-accent);--accent:var(--n2-feature-accent);
 --background:var(--n2-feature-bg);--surface:var(--n2-feature-surface);}

/* NEXUS P12 V2 — feature CSS */
.n2f-shell{
  --n2f-bg: #1a1209;
  --n2f-surface: #29190d;
  --n2f-surface2: #392212;
  --n2f-card: #36271c;
  --n2f-card2: #493425;
  --n2f-text: #fff7ef;
  --n2f-muted: #e3bfa0;
  --n2f-line: #6b4220;
  --n2f-accent: #ff8a1f;
  --n2f-accent2: #ffbb6a;
  --n2f-glow: rgba(255,138,31,.38);
  --n2f-shadow: rgba(0,0,0,.40);
  width:min(1180px,calc(100% - 28px));
  margin:28px auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  font-family:inherit;
}
.n2f-feature{
  position:relative;
  min-width:0;
  overflow:hidden;
  padding:20px;
  border:1px solid var(--n2f-line);
  border-radius:22px;
  color:var(--n2f-text);
  background:
    radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--n2f-accent) 18%,transparent),transparent 34%),
    linear-gradient(145deg,var(--n2f-surface),var(--n2f-bg));
  box-shadow:0 18px 46px var(--n2f-shadow),inset 0 1px rgba(255,255,255,.04);
}
.n2f-feature::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 0 45%,color-mix(in srgb,var(--n2f-accent2) 7%,transparent) 52%,transparent 60%);
  transform:translateX(-120%);animation:n2fSweep 9s linear infinite;
}
.n2f-head{position:relative;z-index:1;margin-bottom:15px}
.n2f-head h2{margin:9px 0 7px;color:var(--n2f-accent2);font-size:clamp(1.2rem,2.2vw,1.75rem);line-height:1.22}
.n2f-head p{margin:0;color:var(--n2f-muted);line-height:1.6}
.n2f-badge{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid var(--n2f-line);background:color-mix(in srgb,var(--n2f-accent) 14%,var(--n2f-bg));color:var(--n2f-text);font-size:.72rem;font-weight:800;box-shadow:0 0 22px var(--n2f-glow)}
.n2f-notice{position:relative;z-index:1;margin:0 0 14px;padding:9px 11px;border:1px dashed var(--n2f-line);border-radius:12px;color:var(--n2f-muted);background:rgba(0,0,0,.13);font-size:.75rem;line-height:1.55}
.n2f-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.n2f-card{min-width:0;padding:11px;border:1px solid var(--n2f-line);border-radius:15px;background:linear-gradient(145deg,var(--n2f-card),var(--n2f-card2));color:var(--n2f-text)}
.n2f-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:11px;margin-bottom:9px;background:rgba(255,255,255,.04)}
.n2f-card strong,.n2f-card span,.n2f-card small{display:block}
.n2f-card strong{font-size:.88rem;line-height:1.35}
.n2f-card small{margin-top:5px;color:var(--n2f-muted);font-size:.7rem;line-height:1.4}
.n2f-value{margin-top:4px;color:var(--n2f-accent2);font-weight:900}
.n2f-actions{position:relative;z-index:1;margin-top:14px;display:flex;justify-content:flex-end}
.n2f-btn{border:0;border-radius:12px;padding:10px 14px;background:linear-gradient(135deg,var(--n2f-accent),var(--n2f-accent2));color:#071015;font-weight:900;cursor:pointer;box-shadow:0 10px 26px var(--n2f-glow)}
.n2f-btn:active{transform:translateY(1px)}
.n2f-progress{height:8px;margin-top:8px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.07)}
.n2f-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--n2f-accent),var(--n2f-accent2));box-shadow:0 0 18px var(--n2f-glow);transition:width .6s ease}
.n2f-ranked-card{display:grid;grid-template-columns:auto 62px 1fr;gap:9px;align-items:center}
.n2f-ranked-card img{width:62px;margin:0}
.n2f-rank{font-weight:900;color:var(--n2f-accent2)}
.n2f-meter-grid{grid-template-columns:1fr}
.n2f-meter-card{display:grid;grid-template-columns:72px 1fr;gap:11px;align-items:center}
.n2f-meter-card img{width:72px;margin:0}
.n2f-hours{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.n2f-hour{text-align:left;padding:12px;border:1px solid var(--n2f-line);border-radius:14px;background:var(--n2f-card);color:var(--n2f-text);cursor:pointer}
.n2f-hour strong,.n2f-hour span,.n2f-hour small{display:block}
.n2f-hour span{color:var(--n2f-accent2);font-weight:800}
.n2f-hour small{margin-top:6px;color:var(--n2f-muted)}
.n2f-calendar{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.n2f-calendar-cell{min-height:88px;padding:9px;border:1px solid var(--n2f-line);border-radius:13px;background:var(--n2f-card);color:var(--n2f-text);cursor:pointer}
.n2f-calendar-cell>span{color:var(--n2f-accent2);font-weight:900}
.n2f-calendar-cell strong,.n2f-calendar-cell small{display:block;margin-top:5px}
.n2f-calendar-cell small{color:var(--n2f-muted)}
.n2f-carousel{position:relative;z-index:1;display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;align-items:center}
.n2f-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,42%);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.n2f-track::-webkit-scrollbar{display:none}
.n2f-slide{scroll-snap-align:start}
.n2f-nav{width:36px;height:44px;border:1px solid var(--n2f-line);border-radius:12px;background:var(--n2f-card);color:var(--n2f-accent2);font-size:24px;cursor:pointer}
.n2f-selector-result{margin-bottom:10px;padding:10px 12px;border:1px solid var(--n2f-line);border-radius:12px;color:var(--n2f-accent2);background:rgba(0,0,0,.12);font-weight:800}
.n2f-select-card{text-align:left;cursor:pointer}
.n2f-select-card.is-active{outline:2px solid var(--n2f-accent);box-shadow:0 0 22px var(--n2f-glow)}
@keyframes n2fSweep{to{transform:translateX(120%)}}
@media(max-width:860px){.n2f-shell{grid-template-columns:1fr}}
@media(max-width:560px){
  .n2f-shell{width:min(100% - 18px,1180px);gap:12px}
  .n2f-feature{padding:15px;border-radius:17px}
  .n2f-grid,.n2f-hours{grid-template-columns:1fr}
  .n2f-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .n2f-track{grid-auto-columns:78%}
}