/* Ricaora bento journal. Article animations belong inside the future articles. */
.nt-page{--nt-ink:#102b43;--nt-muted:#587084;--nt-blue:#087bea;--nt-line:#a6c5da55;--nt-surface:#ffffffed;background:radial-gradient(ellipse at 10% 0,#dff6ff80,transparent 52%),#f3f7fb;color:var(--nt-ink);min-height:100vh;font-family:'DM Sans',system-ui,sans-serif}
.nt-page *{box-sizing:border-box}
.nt-page .wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.nt-page .site-head{width:min(1160px,calc(100% - 32px));margin:14px auto 0;padding:14px 0;border:1px solid #fff;border-radius:22px;background:#ffffffbd;box-shadow:0 8px 28px #226c9410;backdrop-filter:blur(18px)}
.nt-page .gl-header{width:calc(100% - 32px);margin-inline:auto}
.nt-page .brand{max-width:155px;min-width:90px}
.nt-page .brand img{max-width:100%}
.nt-page a{color:inherit}
.nt-page .nt-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;min-height:40px;margin:7px 0;color:var(--nt-muted);font-size:12px}
.nt-page .nt-breadcrumb a{display:inline-flex;align-items:center;min-height:40px;font-weight:700;text-decoration:none;color:var(--nt-blue)}
.nt-editorial-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:40px;padding:9px 0 10px}
.nt-brand-line{display:block;width:46px;height:5px;background:#087bea;border-radius:4px;margin-bottom:13px}
.nt-page .nt-editorial-head h1{font:750 clamp(34px,4.5vw,54px)/1.08 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.05em;color:var(--nt-ink);margin:0;max-width:17ch}
.nt-editorial-head>p{font-size:15px;line-height:1.7;max-width:42ch;color:var(--nt-muted);margin:0 0 2px}
.nt-demo-notice{display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.6;color:var(--nt-muted);margin:10px 0 0}
.nt-demo-notice:before{content:"";width:5px;height:5px;border-radius:50%;background:#087bea;flex:none}
.nt-filters{display:flex;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;padding:15px 2px 22px;scrollbar-width:none;scroll-padding-inline:3px}
.nt-filters::-webkit-scrollbar{display:none}
.nt-filters button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;white-space:nowrap;min-height:43px;padding:9px 18px;border:1px solid #bcd9e454;border-radius:999px;background:#ffffffb8;color:#33556d;font:650 13px/1.5 'DM Sans',system-ui,sans-serif;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.nt-filters button[aria-pressed=true]{color:#fff;background:#087bea;border-color:#087bea;box-shadow:0 5px 14px #087bea27}
.nt-filters button:hover{border-color:#1daac9}
.nt-stories{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) minmax(0,1.1fr);gap:20px;align-items:start}
.nt-story{min-width:0;position:relative}
.nt-story[hidden],.nt-empty[hidden]{display:none!important}
.nt-cover{position:relative;overflow:hidden;background:#d4e5ed;border-radius:17px}
.nt-cover img{display:block;width:100%;height:100%;object-fit:cover}
.nt-cover-badge{position:absolute;top:12px;left:12px;max-width:calc(100% - 24px);border:1px solid #ffffff55;border-radius:9px;background:#123448bd;backdrop-filter:blur(12px);padding:5px 9px;color:white;font-size:10px;line-height:1.5;font-weight:650}
.nt-story-0 .nt-cover{aspect-ratio:4/3;border-radius:25px}
.nt-story-0 .nt-cover img{object-position:center}
.nt-story-0 .nt-story-copy{position:relative;margin:-37px 14px 0;padding:23px 23px 24px 34px;border:1px solid #ffffffed;border-radius:23px;background:#ffffffeb;backdrop-filter:blur(22px);box-shadow:0 18px 32px #1b5c8b1c,0 3px 8px #1b5c8b09}
.nt-story-0 .nt-story-copy:before{content:"";position:absolute;top:24px;bottom:26px;left:20px;width:3px;border-radius:3px;background:#087bea}
.nt-story-category{color:var(--nt-blue);font-size:10px;font-weight:800;line-height:1.5;text-transform:uppercase;letter-spacing:.07em;margin:0 0 9px}
.nt-page .nt-story h2{font:700 23px/1.18 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.035em;color:var(--nt-ink);margin:0;overflow-wrap:break-word}
.nt-page .nt-story-0 h2{font-size:32px}
.nt-story-summary{display:none}
.nt-story-1,.nt-story-2{padding:11px;border:1px solid #ffffffed;border-radius:24px;background:var(--nt-surface);box-shadow:0 12px 28px #1b5c8b10}
.nt-story-1{margin-top:35px}
.nt-story-2{margin-top:55px;background:linear-gradient(145deg,#f6fbff,#e2f0fc);border-color:#c9dfef}
.nt-story-1 .nt-cover{aspect-ratio:1.15}
.nt-story-2 .nt-cover{aspect-ratio:1.15}
.nt-story:not(.nt-story-0) .nt-story-copy{padding:17px 8px 16px}
.nt-story-2 .nt-story-category{color:var(--nt-blue)}
.nt-story-2 .nt-cover img{object-position:42% center}
.nt-stories.nt-filtered{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.nt-filtered .nt-story{margin-top:0}
.nt-filtered .nt-story .nt-cover{aspect-ratio:3/2}
.nt-filtered .nt-story:not(.nt-story-0) h2{font-size:27px}
.nt-empty{padding:35px 25px;border:1px solid var(--nt-line);border-radius:21px;background:var(--nt-surface);font-size:15px;line-height:1.7;color:var(--nt-muted)}
.nt-image-note{font-size:11px;line-height:1.7;color:var(--nt-muted);margin:25px 0 0}
.nt-footer-h{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;margin:28px 0;padding:24px 0 0;border-top:1px solid var(--nt-line)}
.nt-page .nt-footer-h h2{color:var(--nt-ink);font:700 23px/1.3 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.025em;margin:0}
.nt-footer-h p{font-size:13px;line-height:1.7;color:var(--nt-muted);margin:7px 0 0}
.nt-related-links{display:grid;gap:9px}
.nt-page .nt-related-links a{display:flex;align-items:center;min-height:45px;padding:10px 14px;border:1px solid #fff;border-radius:13px;background:#ffffffb3;color:var(--nt-blue);font-size:13px;line-height:1.5;font-weight:700;text-decoration:none}
.nt-page .nt-related-links a:hover{border-color:var(--nt-blue)}
.nt-page .site-foot{padding:17px 0 25px;border-top:1px solid var(--nt-line);background:transparent}
.nt-page .site-foot nav{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}
.nt-page .site-foot nav a{display:inline-flex;align-items:center;min-height:40px;color:var(--nt-blue);font-size:12px;font-weight:650;text-decoration:none}
.nt-page .site-foot .ra-settings{position:static!important;transform:none!important;display:inline-flex;align-items:center;width:auto;height:auto;min-height:40px;padding:7px 12px;margin:0;border:1px solid var(--nt-line);border-radius:10px;background:var(--nt-surface);color:var(--nt-ink);box-shadow:none;font:650 12px/1.4 'DM Sans',system-ui,sans-serif;cursor:pointer;z-index:auto}
.nt-page :is(button,a,summary):focus-visible{outline:3px solid #087fac;outline-offset:3px}
html[data-theme=dark] .nt-page{--nt-ink:#eff8ff;--nt-muted:#b9cfdf;--nt-blue:#86d2ff;--nt-line:#9dc7e22b;--nt-surface:#244357;background:linear-gradient(180deg,#122f47,#102a40)}
html[data-theme=dark] .nt-page .site-head{background:#21475bbd;border-color:#689ab24d}
html[data-theme=dark] .nt-page .nt-filters button{background:#2b5067;color:#d0e7f3;border-color:#6193ac3d}
html[data-theme=dark] .nt-page .nt-filters button[aria-pressed=true]{background:#087bea;color:#fff;border-color:#459ded}
html[data-theme=dark] .nt-page .nt-story-0 .nt-story-copy{background:#234b63ed;border-color:#679bb15c;box-shadow:0 18px 32px #041e3533}
html[data-theme=dark] .nt-page .nt-story-1{border-color:#679bb145}
html[data-theme=dark] .nt-page .nt-story-2{background:linear-gradient(145deg,#244357,#1a394f);border-color:#679bb145}
html[data-theme=dark] .nt-page .nt-story-2 .nt-story-category{color:var(--nt-blue)}
html[data-theme=dark] .nt-page .nt-related-links a{background:#254d63;border-color:#679bb145}
@media(max-width:900px){.nt-stories{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.nt-story-0{grid-column:1 / -1}.nt-story-0 .nt-cover{aspect-ratio:16/8}.nt-story-0 .nt-story-copy{max-width:80%;margin-top:-43px}.nt-story-1{margin-top:0}.nt-story-2{margin-top:25px}.nt-page .nt-story h2{font-size:25px}}
@media(max-width:640px){
 .nt-page .wrap{width:calc(100% - 32px)}
 .nt-page .site-head{width:calc(100% - 24px);padding:11px 0;margin-top:11px;border-radius:20px}
 .nt-page .gl-header{width:calc(100% - 24px);gap:8px}
 .nt-page .brand{max-width:125px;min-width:85px}
 .nt-page .gl-header-actions{gap:6px}
 .nt-page .nt-breadcrumb{font-size:11px;min-height:34px;margin:1px 0 0}
 .nt-breadcrumb-current{display:none}
 .nt-editorial-head{grid-template-columns:1fr;gap:8px;padding:7px 0 4px}
 .nt-brand-line{width:35px;height:4px;margin-bottom:10px}
 .nt-page .nt-editorial-head h1{font-size:clamp(28px,8vw,34px);line-height:1.09;max-width:none;letter-spacing:-.045em}
 .nt-editorial-head>p{display:none}
 .nt-demo-notice{font-size:10px;line-height:1.6;margin-top:9px}
 .nt-filters{gap:7px;padding:12px 2px 18px}
 .nt-filters button{min-height:42px;padding:9px 15px;font-size:12px}
 .nt-stories{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:13px;align-items:start}
 .nt-story-0{grid-column:1 / -1}
 .nt-story-0 .nt-cover{aspect-ratio:3/2;border-radius:22px}
 .nt-story-0 .nt-story-copy{max-width:none;margin:-29px 9px 0;padding:18px 17px 20px 28px;border-radius:20px}
 .nt-story-0 .nt-story-copy:before{top:19px;bottom:21px;left:16px;width:3px}
 .nt-page .nt-story-0 h2{font-size:27px;line-height:1.13}
 .nt-story-category{font-size:10px;line-height:1.6;margin-bottom:8px;letter-spacing:.055em}
 .nt-cover-badge{top:10px;left:10px;border-radius:8px;padding:4px 7px;font-size:10px;max-width:calc(100% - 20px)}
 .nt-story-1,.nt-story-2{padding:8px;border-radius:20px}
 .nt-story-1{margin-top:3px}
 .nt-story-2{margin-top:14px}
 .nt-story-1 .nt-cover{aspect-ratio:1.05;border-radius:13px}
 .nt-story-2 .nt-cover{aspect-ratio:1.05;border-radius:13px}
 .nt-story:not(.nt-story-0) .nt-cover-badge{left:7px;top:7px;max-width:calc(100% - 14px);font-size:9px;padding:4px 6px}
 .nt-story:not(.nt-story-0) .nt-story-copy{padding:13px 5px 15px}
 .nt-page .nt-story:not(.nt-story-0) h2{font-size:21px;line-height:1.15}
 .nt-story:not(.nt-story-0) .nt-story-category{font-size:9px;line-height:1.65;letter-spacing:.04em;margin-bottom:7px}
 .nt-stories.nt-filtered{grid-template-columns:1fr;gap:15px}
 .nt-filtered .nt-story{grid-column:auto;margin-top:0}
 .nt-filtered .nt-story .nt-cover{aspect-ratio:3/2}
 .nt-filtered .nt-story:not(.nt-story-0) .nt-story-copy{padding:16px 12px 17px}
 .nt-filtered .nt-story:not(.nt-story-0) .nt-story-category{font-size:11px}
 .nt-page .nt-filtered .nt-story:not(.nt-story-0) h2{font-size:27px}
 .nt-image-note{font-size:10px;line-height:1.7;margin-top:22px}
 .nt-footer-h{grid-template-columns:1fr;gap:15px;margin:24px 0;padding-top:21px}
 .nt-page .nt-footer-h h2{font-size:22px}
 .nt-page .site-foot .wrap{gap:8px}
}
@media(max-width:360px){.nt-page .brand{max-width:108px}.nt-page .nt-story-0 h2{font-size:25px}.nt-page .nt-story:not(.nt-story-0) h2{font-size:19px}.nt-story:not(.nt-story-0) .nt-story-copy{padding-inline:3px}.nt-stories{gap:11px}.nt-story:not(.nt-story-0) .nt-story-category{font-size:9px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.nt-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Search shares the Guide library controls and Ricaora palette. */
.nt-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.nt-title-row>div{min-width:0}
.nt-search-toggle{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid var(--nt-line);border-radius:14px;background:var(--nt-surface);color:var(--nt-blue);cursor:pointer}
.nt-search-toggle[aria-expanded=true]{background:#087bea;color:#fff;border-color:#087bea}
.nt-search-panel{margin:15px 0 3px}
.nt-search-panel[hidden]{display:none!important}
.nt-search-panel label{display:block;margin-bottom:7px;font-size:13px;font-weight:700;color:var(--nt-ink)}
.nt-search-panel input{width:100%;min-height:50px;padding:13px 16px;border:1px solid var(--nt-line);border-radius:16px;background:var(--nt-surface);color:var(--nt-ink);font:400 16px/1.4 'DM Sans',system-ui,sans-serif}
.nt-search-panel input::placeholder{color:var(--nt-muted);opacity:1}
.nt-page .nt-search-panel input:focus-visible{outline:3px solid #087bea;outline-offset:3px}
@media(max-width:640px){.nt-title-row{gap:12px}.nt-search-toggle{align-self:center;flex-basis:44px;width:44px;height:44px}.nt-page .nt-title-row h1{font-size:clamp(27px,7.6vw,33px)}}

/* The opening keeps its asymmetry; subsequent previews form a calm reading list. */
.nt-story-more{padding:11px;border:1px solid var(--nt-line);border-radius:22px;background:var(--nt-surface);margin-top:5px}
.nt-story-more .nt-cover{aspect-ratio:16/10}
.nt-story-3 .nt-cover img{object-position:70% center}
.nt-story-4 .nt-cover img{object-position:65% center}
.nt-story-5 .nt-cover img{object-position:25% center}
.nt-filtered .nt-story-more{margin-top:0}
@media(max-width:900px) and (min-width:641px){.nt-story-more{grid-column:1 / -1;display:grid;grid-template-columns:180px minmax(0,1fr);gap:14px;align-items:center}.nt-story-more .nt-cover{aspect-ratio:3/2}}
@media(max-width:640px){
 .nt-story-more{grid-column:1 / -1;display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;align-items:center;padding:9px;margin-top:0;border-radius:18px}
 .nt-story-more .nt-cover{aspect-ratio:1;border-radius:12px}
 .nt-story-more:not(.nt-story-0) .nt-story-copy{padding:7px 4px 7px 0}
 .nt-page .nt-story-more:not(.nt-story-0) h2{font-size:21px;line-height:1.2}
 .nt-story-more .nt-cover-badge{display:none}
 .nt-filtered .nt-story-more{display:block}
 .nt-filtered .nt-story-more .nt-cover{aspect-ratio:3/2}
 .nt-filtered .nt-story-more .nt-cover-badge{display:block}
 .nt-filtered .nt-story-more:not(.nt-story-0) .nt-story-copy{padding:16px 12px 17px}
 .nt-page .nt-filtered .nt-story-more:not(.nt-story-0) h2{font-size:27px}
}
@media(max-width:360px){.nt-story-more{grid-template-columns:85px minmax(0,1fr);gap:10px}.nt-page .nt-story-more:not(.nt-story-0) h2{font-size:19px}}
.nt-story-link{display:block;text-decoration:none;color:inherit;border-radius:22px}
.nt-story-link:hover h2{color:var(--nt-blue)}
.nt-roadster-preview .nt-cover{background:radial-gradient(ellipse at center,#f5fbff,#cbe1f1)}
.nt-roadster-preview .nt-cover img{object-fit:contain;padding:14px 4px;filter:drop-shadow(0 12px 8px #153d5730)}