:root{color-scheme:light;--bg:#faf9f5;--warm:#f2f0e9;--panel:#fffefa;--ink:#252823;--muted:#747970;--olive:#586d53;--olive-deep:#3b5039;--border:#e6e3d9;--gold:#b79b70;--soft-shadow:0 26px 70px rgba(64,67,50,.10);--card-shadow:0 12px 36px rgba(31,38,27,.04)}
html[data-theme=dark]{color-scheme:dark;--bg:#1b201c;--warm:#242c25;--panel:#263028;--ink:#f3f1e8;--muted:#b4b9af;--olive:#a4b69c;--olive-deep:#bed0b1;--border:#3c493d;--gold:#ccb58c;--soft-shadow:0 26px 70px rgba(0,0,0,.26);--card-shadow:0 12px 36px rgba(0,0,0,.1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background .24s,color .24s}button{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--olive);outline-offset:3px}h1,h2,h3,p{margin-top:0}h2,h3{line-height:1.11}h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.045em;font-size:clamp(34px,4.4vw,62px);font-weight:400}h2 em{font-weight:400;color:var(--olive)}.container{width:min(1320px,calc(100% - 76px));margin-inline:auto}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;left:10px;top:-100px;z-index:1000;background:var(--ink);color:var(--bg);padding:10px 18px}.skip-link:focus{top:10px}.announcement{height:31px;display:flex;align-items:center;justify-content:center;gap:16px;background:#4e6349;color:#fdfdf7;letter-spacing:.24em;font-size:9px;font-weight:750}.announcement-star{color:#d9c39b;font-size:11px}.site-header{position:sticky;z-index:30;top:0;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 93%,transparent);backdrop-filter:blur(18px)}.site-nav{height:83px;display:flex;align-items:center;gap:38px}.site-logo{display:flex;align-items:center;gap:5px;white-space:nowrap;min-width:185px;line-height:1}.logo-script{font-family:'Brush Script MT','Segoe Script',cursive;font-size:32px;font-style:italic;letter-spacing:-.11em;transform:rotate(-8deg);display:inline-block;margin-right:7px}.logo-rule{height:29px;width:1px;background:var(--ink);margin:0 7px 0 3px}.logo-24{font-family:Georgia,serif;font-size:37px;line-height:.86;color:var(--olive);font-weight:400;letter-spacing:-.07em}.logo-things{font-size:10px;letter-spacing:.28em;font-weight:850;align-self:flex-end;margin-bottom:6px;margin-left:5px}.nav-links{display:flex;gap:30px;align-items:center;margin-left:auto}.nav-links a{font-size:12px;font-weight:700;color:var(--muted);transition:color .2s}.nav-links a:hover{color:var(--olive)}.nav-actions{display:flex;align-items:center;gap:13px}.theme-toggle{cursor:pointer;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:transparent;border:1px solid var(--border);color:var(--ink);font-size:21px;transition:background .2s}.theme-toggle:hover{background:var(--warm)}.nav-youtube{border-radius:999px;background:var(--olive-deep);color:#fff;padding:11px 18px;display:flex;gap:9px;align-items:center;font-size:12px;font-weight:800}.nav-youtube:hover{filter:brightness(1.1)}.nav-youtube>span:first-child{font-size:11px}.menu-toggle{display:none;background:transparent;border:0;color:var(--ink);cursor:pointer}.masthead{padding:44px 0 96px}.masthead-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.eyebrow,.section-label,.issue-no,.intro-overline{font-size:10px;letter-spacing:.20em;font-weight:850}.eyebrow{color:var(--olive);display:flex;align-items:center;gap:9px}.dot{height:7px;width:7px;display:inline-block;border-radius:50%;background:#7e9b79}.issue-no{color:var(--muted);font-size:9px}.issue-divider{color:var(--gold);padding:0 9px}.cover-frame{position:relative;isolation:isolate;border-radius:7px;overflow:hidden;border:1px solid #e5dfd1;box-shadow:var(--soft-shadow);background:#f9f6ee}.cover-image{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}.cover-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 24px;background:linear-gradient(0deg,rgba(245,240,231,.94),rgba(245,240,231,.69));font-size:9px;letter-spacing:.17em;color:#5e665a;font-weight:800}.intro-row{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin-top:72px;align-items:center}.intro-overline{color:var(--olive)}.intro-left h2{font-size:clamp(34px,4.4vw,66px);margin:17px 0 0}.intro-right{max-width:515px;margin-left:auto}.intro-right p{font-size:16px;color:var(--muted);line-height:1.8;margin-bottom:25px}.cta-row{display:flex;align-items:center;flex-wrap:wrap;gap:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:50px;padding:13px 23px;border-radius:4px;font-size:12px;font-weight:850;transition:transform .2s,filter .2s;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--olive-deep);color:#fff}.text-link{color:var(--olive);font-size:12px;font-weight:850;border-bottom:1px solid var(--gold);padding-bottom:5px}.surface-warm{background:var(--warm);border-block:1px solid var(--border)}.section-shell{padding-top:104px;padding-bottom:104px}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:37px}.section-label{color:var(--olive)}.section-heading h2{margin:14px 0 0}.section-heading>p{max-width:410px;font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 4px}.topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.topic-card{min-height:305px;padding:21px;display:flex;flex-direction:column;overflow:hidden;position:relative;border-radius:5px;border:1px solid rgba(40,40,30,.04);transition:transform .25s,box-shadow .25s}.topic-card:hover{transform:translateY(-6px);box-shadow:var(--card-shadow)}.topic-card-head{font-size:9px;font-weight:900;letter-spacing:.12em;opacity:.68}.topic-illustration{font-family:Georgia,serif;font-size:98px;line-height:1;flex:1;display:flex;align-items:center;justify-content:center;opacity:.6;transform:rotate(-9deg);user-select:none}.topic-card-bottom{display:flex;align-items:end;justify-content:space-between;gap:8px}.topic-card h3{font-size:clamp(19px,1.8vw,26px);font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em;margin:0}.arrow-circle{display:grid;place-items:center;border:1px solid currentColor;width:31px;height:31px;border-radius:50%;font-size:15px;flex-shrink:0}.topic-kids{background:#f6dcbd;color:#503b2b}.topic-trading{background:#d8e1d0;color:#334b36}.topic-engineering{background:#dbe6e8;color:#31515b}.topic-food{background:#f0d8cb;color:#654337}.topic-vlogs{background:#e3dbe7;color:#5b4662}.mini-note{color:var(--muted);margin-top:22px;font-size:11px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.chip{padding:9px 17px;font-size:11px;font-weight:800;color:var(--muted);border:1px solid var(--border);background:var(--panel);border-radius:30px;cursor:pointer;transition:background .2s,color .2s}.chip.is-active{background:var(--olive-deep);color:white;border-color:var(--olive-deep)}.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.app-card{background:var(--panel);border:1px solid var(--border);padding:25px 23px;min-height:264px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s;box-shadow:var(--card-shadow)}.app-card:hover{transform:translateY(-3px);border-color:var(--olive)}.app-card[hidden]{display:none!important}.app-icon{height:60px;width:60px;display:grid;place-items:center;font-size:30px;font-family:Georgia,serif;margin-bottom:20px;color:#354438;border-radius:18px}.app-icon span{color:#71836c}.app-olive{background:#d8e4d2}.app-terracotta{background:#e7c9b4}.app-yellow{background:#f2deb0}.app-lilac{background:#e3d4ea}.app-sand{background:#ebdfc8}.app-slate{background:#d0dfe2}.app-peach{background:#efcfc4}.app-mint{background:#d1e1d0}.app-tag{font-size:9px;color:var(--olive);letter-spacing:.13em;font-weight:850}.app-card h3{font-size:18px;letter-spacing:-.03em;margin:9px 0;font-weight:750}.app-card p{font-size:12px;color:var(--muted);line-height:1.7;flex:1;margin:0 0 20px}.project-status{border-top:1px solid var(--border);padding-top:13px;font-size:9px;letter-spacing:.17em;color:var(--muted);font-weight:850}.arcade-section{background:#3d513d;color:#fbfaf2;position:relative;overflow:hidden}.arcade-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;min-height:490px}.arcade-copy{padding:86px 0;max-width:520px}.arcade-copy .section-label{color:#cfc4a7}.arcade-copy h2{font-size:clamp(45px,5.2vw,75px);margin:23px 0}.arcade-copy h2 em{color:#e2cdaa}.arcade-copy p{color:#e0e7dc;font-size:14px;line-height:1.8;margin-bottom:30px}.arcade-copy .button-primary{background:#f1efe4;color:#324332}.arcade-panel{min-height:465px;position:relative;display:grid;place-items:center;overflow:hidden}.arcade-arc{height:420px;width:420px;position:absolute;border:1px solid #d4cdb24d;border-radius:50%}.arcade-arc-one{transform:translate(40px,-10px)}.arcade-arc-two{width:290px;height:290px;transform:translate(40px,-10px)}.arcade-symbol{font-family:Georgia,serif;font-size:230px;line-height:1;color:#f4ecd6;position:relative;z-index:2;letter-spacing:-.15em}.arcade-symbol span{display:block;font-family:'DM Sans',sans-serif;font-size:17px;letter-spacing:.42em;margin-top:-35px;margin-left:75px}.arcade-stamp{position:absolute;bottom:31px;font-size:9px;font-weight:800;letter-spacing:.13em;color:#d8dfd3}.connect-card{display:grid;grid-template-columns:1fr 1fr;min-height:310px;border:1px solid var(--border);background:var(--warm);overflow:hidden}.connect-card-logo{background:#f8f6ee;display:grid;place-items:center;padding:15px}.connect-card-logo img{max-width:100%;width:min(430px,85%);height:auto;object-fit:contain}.connect-card-content{padding:52px 62px;display:flex;flex-direction:column;justify-content:center;align-items:start}.connect-card-content h3{font-family:Georgia,serif;font-size:clamp(33px,4vw,50px);font-weight:400;letter-spacing:-.04em;margin:15px 0 6px}.connect-card-content p{color:var(--muted);font-size:13px;margin:0 0 22px}.button-youtube{background:#a43d35;color:#fff}.cloud-note{margin-top:0;margin-bottom:90px;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;gap:40px;border:1px solid var(--border)}.cloud-note>div{display:flex;align-items:center;gap:25px}.cloud-note-icon{font-size:40px;color:var(--olive)}.cloud-note h2{font-size:22px;font-family:'DM Sans',sans-serif;font-weight:800;letter-spacing:-.03em;margin:0 0 5px}.cloud-note p{font-size:12px;color:var(--muted);margin:0}.cloud-note-pill{white-space:nowrap;font-size:9px;letter-spacing:.12em;color:var(--olive);border:1px solid var(--border);padding:8px 13px}.site-footer{background:#263a2b;color:#f2f1e8;padding:62px 0 22px}.footer-main{display:flex;align-items:start;justify-content:space-between;gap:50px}.footer-brand{font-family:Georgia,serif;font-size:40px;letter-spacing:-.06em}.footer-brand>span{color:#c2b48c}.footer-brand .footer-point{color:#f9f6ee}.footer-main p{font-size:12px;color:#becabd;margin-top:10px}.footer-nav{display:flex;flex-wrap:wrap;gap:18px 28px;justify-content:flex-end;max-width:520px;padding-top:14px}.footer-nav a{font-size:12px;color:#d8e1d5}.footer-nav a:hover{color:white}.footer-bottom{border-top:1px solid #ffffff2a;margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;gap:15px;color:#adbdaf;font-size:10px;letter-spacing:.09em}
/* Secondary pages share the editorial style and navigation. */
.inner-hero{padding:94px 0 65px;position:relative}.inner-hero h1{font-family:Georgia,serif;font-size:clamp(55px,7vw,100px);font-weight:400;letter-spacing:-.06em;line-height:1.02;margin:18px 0 25px}.inner-hero h1 em{color:var(--olive);font-weight:400}.inner-lead{font-size:16px;color:var(--muted);line-height:1.9;max-width:680px}.inner-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.inner-content{padding-bottom:110px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.info-card{padding:25px;background:var(--panel);border:1px solid var(--border)}.info-card .number{color:var(--olive);font-size:11px;letter-spacing:.14em;font-weight:850}.info-card h3{font-size:21px;font-family:Georgia,serif;font-weight:400;margin:17px 0 10px}.info-card p{color:var(--muted);font-size:12px;margin:0;line-height:1.7}.channel-topics{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.channel-topic{padding:28px;border:1px solid var(--border);background:var(--panel);scroll-margin-top:120px}.channel-topic h3{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:10px 0}.channel-topic p{color:var(--muted);font-size:13px;max-width:540px}.channel-topic .section-label{font-size:9px}.channel-topic:last-child{grid-column:1/-1}
@media(max-width:1140px){.container{width:min(100% - 46px,1320px)}.site-nav{gap:18px}.nav-links{gap:18px}.nav-links a{font-size:11px}.topic-grid{gap:11px}.topic-card{padding:16px;min-height:275px}.app-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.site-nav{height:72px}.menu-toggle{display:flex;align-items:center;gap:7px;order:4;font-size:20px;padding:7px 0}.menu-toggle span{font-size:10px;letter-spacing:.1em;font-weight:800}.nav-actions{margin-left:auto}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:start;gap:0;border-bottom:1px solid var(--border);background:var(--bg);padding:12px 23px 20px;box-shadow:var(--soft-shadow)}.nav-links.is-open{display:flex}.nav-links a{padding:13px 7px;width:100%;font-size:13px}.site-logo{min-width:unset}.intro-row{gap:30px;margin-top:52px}.section-heading{gap:20px}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-card{min-height:260px}.app-grid{grid-template-columns:repeat(2,1fr)}.arcade-layout{gap:10px}.arcade-panel{min-height:375px}.arcade-arc{height:320px;width:320px}.arcade-arc-two{height:200px;width:200px}.arcade-symbol{font-size:170px}.arcade-symbol span{font-size:12px;margin-top:-20px;margin-left:55px}.connect-card-content{padding:36px}.info-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.announcement{height:27px;font-size:7px;letter-spacing:.11em;gap:8px}.site-nav{height:64px}.nav-links{top:64px}.site-logo{gap:3px}.logo-script{font-size:25px;margin-right:3px}.logo-rule{height:24px;margin:0 3px}.logo-24{font-size:30px}.logo-things{font-size:7px;letter-spacing:.17em;margin-left:3px;margin-bottom:4px}.nav-youtube{padding:8px 10px;min-height:35px}.nav-youtube-label{display:none}.theme-toggle{height:35px;width:35px;font-size:17px}.nav-actions{gap:7px}.menu-toggle{gap:3px;margin-left:1px}.menu-toggle span{display:none}.masthead{padding:27px 0 70px}.masthead-top{margin-bottom:16px;gap:15px}.eyebrow{font-size:8px;letter-spacing:.12em}.issue-no{font-size:7px;letter-spacing:.05em}.issue-divider{padding:0 3px}.cover-frame{border-radius:3px}.cover-bottom{padding:7px 9px;font-size:6px;letter-spacing:.06em}.intro-row{grid-template-columns:1fr;margin-top:42px;gap:19px}.intro-left h2{font-size:clamp(35px,8.5vw,48px);margin-top:10px}.intro-right{margin:0;max-width:100%}.intro-right p{font-size:14px;line-height:1.75}.cta-row{gap:20px}.button{min-height:44px;font-size:11px}.section-shell{padding-top:72px;padding-bottom:72px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:38px}.section-heading>p{margin-top:17px;font-size:13px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-card{min-height:240px;padding:14px}.topic-card-head{font-size:8px}.topic-card h3{font-size:20px}.topic-illustration{font-size:75px}.arrow-circle{height:27px;width:27px}.topic-card:last-child{grid-column:1/-1;min-height:190px}.topic-card:last-child .topic-illustration{position:absolute;right:15%;top:25px}.mini-note{font-size:10px}.app-grid{gap:10px}.app-card{padding:17px;min-height:265px}.app-icon{height:47px;width:47px;font-size:25px}.app-card h3{font-size:16px}.app-card p{font-size:11px}.app-tag{font-size:8px}.arcade-layout{grid-template-columns:1fr;gap:0}.arcade-copy{padding:71px 0 15px}.arcade-copy h2{font-size:53px}.arcade-panel{min-height:290px}.arcade-stamp{font-size:7px;bottom:20px}.connect-card{grid-template-columns:1fr}.connect-card-logo{min-height:195px}.connect-card-logo img{max-width:80%;width:310px}.connect-card-content{padding:26px 25px 36px}.connect-card-content h3{font-size:36px}.cloud-note{margin-bottom:60px;padding:20px;display:block}.cloud-note>div{align-items:start;gap:15px}.cloud-note h2{font-size:17px}.cloud-note p{font-size:11px}.cloud-note-icon{font-size:24px}.cloud-note-pill{display:inline-block;margin:18px 0 0 40px}.footer-main{display:block}.footer-nav{justify-content:start;margin-top:28px}.footer-bottom{display:block;font-size:9px}.footer-bottom span{display:block;margin-bottom:12px}.inner-hero{padding:60px 0 46px}.inner-hero h1{font-size:56px}.inner-lead{font-size:14px}.info-grid{grid-template-columns:1fr}.channel-topics{grid-template-columns:1fr}.channel-topic:last-child{grid-column:auto}}
@media(max-width:360px){.app-grid{grid-template-columns:1fr}.app-card{min-height:220px}.topic-card h3{font-size:19px}.eyebrow{max-width:180px}.issue-no{max-width:120px;text-align:right}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition:none!important}}


/* v1.2.0 — 24 real topics, maintaining the original ivory/olive/gold brand. */
.topic-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 24px;flex-wrap:wrap}
.topic-filters{display:flex;gap:8px;flex-wrap:wrap}
.topic-filter{cursor:pointer;padding:10px 15px;background:var(--panel);color:var(--muted);border:1px solid var(--border);border-radius:999px;font-size:11px;font-weight:750;transition:color .2s,background .2s,border-color .2s}
.topic-filter:hover{border-color:var(--olive)}
.topic-filter.is-active{background:var(--olive-deep);color:var(--bg);border-color:var(--olive-deep)}
html[data-theme=dark] .topic-filter.is-active{color:#1b201c}
.topic-counter{white-space:nowrap;font-size:11px;font-weight:800;color:var(--olive)}
.things-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.thing-card{--thing-bg:#e9e7dd;display:flex;flex-direction:column;justify-content:space-between;min-height:236px;padding:22px;border:1px solid rgba(43,47,38,.07);border-radius:6px;background:var(--thing-bg);color:#293126;transition:transform .22s,box-shadow .22s,border-color .22s}
.thing-card:hover{transform:translateY(-4px);box-shadow:var(--soft-shadow);border-color:rgba(60,74,50,.28)}
.thing-card[hidden]{display:none!important}
.thing-kids{--thing-bg:#f1e0c9}.thing-apps{--thing-bg:#e8ebdd}.thing-engineering{--thing-bg:#dce8e7}.thing-markets{--thing-bg:#dce5d8}.thing-business{--thing-bg:#eee2d5}.thing-lifestyle{--thing-bg:#e9dfe5}
.thing-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px;font-size:9px;letter-spacing:.11em;font-weight:850;opacity:.82}
.thing-number{font-family:Georgia,serif;font-size:32px;font-weight:400;line-height:1;letter-spacing:-.045em;opacity:.75}
.thing-group{text-align:right;max-width:125px}
.thing-main{margin-top:auto}.thing-main h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,1.65vw,25px);font-weight:400;letter-spacing:-.035em;line-height:1.18;margin:0 0 9px}
.thing-main p{color:#566056;opacity:.95;font-size:11px;line-height:1.6;min-height:48px;margin:0}
.thing-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(40,60,38,.14);padding-top:12px;margin-top:17px;font-size:9px;font-weight:850;letter-spacing:.12em}
.thing-link{display:grid;place-items:center;width:25px;height:25px;border:1px solid currentColor;border-radius:50%;font-size:12px}
.channel-topics-24{grid-template-columns:repeat(3,minmax(0,1fr))}
.channel-topics-24 .channel-topic:last-child{grid-column:auto}
@media(max-width:1100px){.things-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.channel-topics-24{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.things-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.thing-card{min-height:234px;padding:15px}.thing-main h3{font-size:19px}.thing-main p{font-size:10px}.thing-meta{font-size:8px}.thing-number{font-size:27px}.topic-filter-bar{align-items:flex-start}.topic-filter{font-size:10px;padding:9px 12px}.channel-topics-24{grid-template-columns:1fr}.channel-topics-24 .channel-topic:last-child{grid-column:auto}}
@media(max-width:380px){.things-grid{grid-template-columns:1fr}.thing-card{min-height:185px}}

/* v1.3 J Apps Collection: original ivory/olive/gold palette and responsive typography. */
.apps-hero{padding:74px 0 76px}.apps-overline{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--muted);margin-bottom:33px}.apps-hero-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);align-items:center;gap:65px}.apps-hero h1,.access-page h1{font:400 clamp(52px,6.4vw,99px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.065em;margin:0 0 26px}.apps-hero h1 em,.access-page h1 em{color:var(--olive);font-weight:400}.apps-hero p{max-width:510px;font-size:16px;line-height:1.9;color:var(--muted)}.access-overview{display:flex;gap:20px;flex-wrap:wrap;margin-top:38px;font-size:10px;font-weight:800;letter-spacing:.09em}.access-overview span{display:flex;align-items:center;gap:8px}.access-dot{display:inline-block;border-radius:50%;width:9px;height:9px;background:var(--olive)}.access-dot.restricted{background:var(--gold)}.apps-hero-art{min-height:350px;display:flex;justify-content:center;align-items:center;position:relative;background:radial-gradient(ellipse at 64% 16%,rgba(190,186,148,.28),transparent 50%),radial-gradient(ellipse at 8% 89%,rgba(93,124,90,.12),transparent 55%),var(--warm);border:1px solid var(--border);overflow:hidden}.apps-hero-art::before{content:'';position:absolute;width:410px;height:410px;border:1px solid var(--gold);border-radius:50%;transform:translate(39%,-40%);opacity:.7}.apps-hero-art::after{content:'';position:absolute;width:270px;height:270px;border:1px solid var(--gold);border-radius:50%;transform:translate(-56%,52%);opacity:.45}.giant-j{font:italic 260px/.9 Georgia,serif;color:var(--olive);letter-spacing:-.13em;z-index:1}.giant-dot{font:180px/.8 Georgia,serif;color:var(--gold);z-index:1;align-self:center}.art-caption{position:absolute;bottom:23px;left:25px;font-size:9px;font-weight:800;letter-spacing:.17em}.catalog-area{background:var(--warm);padding:82px 0 110px;border-top:1px solid var(--border)}.catalog-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:38px}.catalog-head h2{margin:14px 0 0}.catalog-head p{color:var(--muted);max-width:480px;font-size:14px;line-height:1.85;margin:0}.catalog-toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.catalog-search-label{display:flex;align-items:center;gap:12px;flex:1 1 260px;min-width:170px;padding:0 17px;background:var(--panel);border:1px solid var(--border);border-radius:10px;min-height:48px}.search-glyph{font-size:27px;color:var(--olive);line-height:1}.catalog-search-label input{outline:none;border:0;background:transparent;font:inherit;color:var(--ink);width:100%;font-size:13px}.catalog-search-label:focus-within{outline:2px solid var(--olive);outline-offset:1px}.access-filters{display:flex;gap:6px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:5px}.access-filter{border:0;background:transparent;color:var(--muted);cursor:pointer;border-radius:7px;padding:9px 13px;font-size:11px;font-weight:800}.access-filter.active{background:var(--olive-deep);color:var(--bg)}html[data-theme=dark] .access-filter.active{color:#1b201c}.catalog-platform{height:48px;padding:0 12px;max-width:170px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--ink);font:inherit;font-size:12px}.catalog-meta{display:flex;justify-content:space-between;gap:15px;margin:26px 0 18px;color:var(--muted);font-size:10px;letter-spacing:.08em;font-weight:800}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.catalog-card{min-width:0;min-height:282px;display:flex;flex-direction:column;padding:23px;background:var(--panel);border:1px solid var(--border);border-radius:12px;transition:transform .2s,box-shadow .2s}.catalog-card:hover{transform:translateY(-3px);box-shadow:var(--card-shadow)}.catalog-card-top{display:flex;align-items:start;justify-content:space-between;gap:8px;margin-bottom:23px}.catalog-icon{display:grid;place-items:center;width:53px;height:53px;flex:none;border-radius:15px;font:32px Georgia,serif;color:#344b33;background:#e2e7d9}.catalog-badge{font-size:9px;letter-spacing:.04em;line-height:1.25;text-align:right;font-weight:800;border-radius:99px;padding:6px 9px;white-space:nowrap}.catalog-badge.public{background:#e1eddf;color:#32643c}.catalog-badge.restricted{background:#f3e5cc;color:#8a5a1f}.catalog-category{font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:850;text-transform:uppercase}.catalog-card h3{font:400 26px/1.08 Georgia,'Times New Roman',serif;margin:13px 0 10px}.catalog-card p{color:var(--muted);font-size:12px;line-height:1.65;margin:0 0 28px}.catalog-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}.catalog-version{color:var(--muted);font-size:9px;font-weight:750;letter-spacing:.06em;white-space:nowrap}.catalog-action{font-size:11px;font-weight:850;color:var(--olive);text-align:right}.catalog-action:hover{text-decoration:underline}.catalog-pending{font-size:10px;color:var(--muted);text-align:right}.catalog-empty{background:var(--panel);padding:30px;margin-top:15px;text-align:center;border-radius:8px}.catalog-guidance{display:grid;grid-template-columns:1fr 1.7fr;gap:40px;margin-top:64px;padding:39px;border:1px solid var(--border);background:var(--panel)}.catalog-guidance h3{font:400 33px/1.16 Georgia,serif;margin:14px 0 0}.catalog-guidance h3 em{color:var(--olive)}.guidance-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.guidance-steps strong,.access-points strong{font-size:10px;letter-spacing:.09em;color:var(--olive)}.guidance-steps p,.access-points p{font-size:12px;line-height:1.7;color:var(--muted);margin:12px 0 0}.homepage-catalog-link{margin-top:29px;display:flex;justify-content:flex-end}.access-page{padding:100px 0 120px;max-width:950px}.access-page h1{margin-top:28px}.access-page-icon{float:right;font-size:104px;color:var(--gold);font-family:Georgia,serif}.access-lead{font-size:17px;line-height:1.9;max-width:720px;color:var(--muted);margin-bottom:42px}.access-points{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:45px}.access-points article{border:1px solid var(--border);padding:24px;background:var(--panel)}.access-notice{padding:21px 24px;background:var(--warm);border-left:3px solid var(--olive);font-size:13px;color:var(--muted);margin-bottom:30px}
@media(max-width:1160px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-guidance{grid-template-columns:1fr}.apps-hero-layout{gap:30px}}
@media(max-width:830px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.apps-hero-layout{grid-template-columns:1fr}.apps-hero-art{min-height:245px}.giant-j{font-size:190px}.giant-dot{font-size:125px}.catalog-head{display:block}.catalog-head p{margin-top:18px}.catalog-guidance{padding:25px}.access-points{grid-template-columns:1fr}}
@media(max-width:580px){.apps-hero{padding:48px 0}.apps-overline{font-size:8px}.apps-overline>span:last-child{display:none}.apps-hero h1,.access-page h1{font-size:52px}.apps-hero p{font-size:14px}.apps-hero-art{min-height:205px}.giant-j{font-size:158px}.giant-dot{font-size:107px}.catalog-area{padding:62px 0}.catalog-grid{grid-template-columns:1fr}.catalog-card{min-height:245px}.catalog-toolbar{align-items:stretch}.catalog-search-label{flex-basis:100%}.access-filters{flex:1}.access-filter{flex:1;padding:9px 5px}.catalog-platform{max-width:none;width:100%}.catalog-meta>span:last-child{display:none}.catalog-head h2{font-size:40px}.guidance-steps{grid-template-columns:1fr}.access-page{padding:65px 0 80px}.access-page-icon{font-size:64px}.access-lead{font-size:14px}}

/* Just 24 Things by J&J - global brand byline */
.jj-logo-byline{font-size:8px;font-weight:750;letter-spacing:.02em;align-self:flex-end;margin:0 0 7px 3px;white-space:nowrap;color:var(--muted)}
.jj-byline{display:inline-block;font:750 12px 'DM Sans',sans-serif;letter-spacing:.03em;margin-left:9px;vertical-align:middle;color:var(--olive)}
@media(max-width:600px){.jj-logo-byline{font-size:7px}.jj-byline{font-size:10px}}


/* Floating Back to Top — shared on every Just24Things page. */
.jj-back-to-top{
 position:fixed;right:calc(20px + env(safe-area-inset-right,0px));
 bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:60;
 display:inline-flex;align-items:center;justify-content:center;gap:10px;
 min-height:50px;padding:10px 17px 10px 11px;
 border:1px solid rgba(255,255,255,.22);border-radius:999px;
 background:#405c44;color:#fff;
 box-shadow:0 12px 32px rgba(17,40,24,.25);
 font-size:12px;font-weight:800;letter-spacing:.01em;cursor:pointer;
 opacity:0;visibility:hidden;pointer-events:none;
 transform:translate3d(0,14px,0) scale(.97);
 transition:opacity .24s ease,transform .3s ease,visibility .24s ease,background .2s ease;
 -webkit-tap-highlight-color:transparent;
}
.jj-back-to-top.is-visible{
 opacity:1;visibility:visible;pointer-events:auto;
 transform:translate3d(0,0,0) scale(1);
}
.jj-back-to-top-arrow{
 display:grid;place-items:center;width:29px;height:29px;
 border:1px solid rgba(255,255,255,.22);border-radius:50%;
 background:rgba(255,255,255,.12);font-size:20px;line-height:1;
}
.jj-back-to-top:hover{background:#304a38;box-shadow:0 15px 38px rgba(17,40,24,.3)}
.jj-back-to-top:focus-visible{outline:3px solid #68d9ed;outline-offset:3px}
body.japps-neon .jj-back-to-top{
 background:linear-gradient(115deg,#137e9f,#0a5975);border-color:#5ae6f5;
 box-shadow:0 8px 27px rgba(27,182,217,.28);
}
body.japps-neon .jj-back-to-top:hover{background:linear-gradient(115deg,#1c9bbb,#087597)}
@media(max-width:640px){
 .jj-back-to-top{right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(15px + env(safe-area-inset-bottom,0px));min-height:46px;padding:8px 12px 8px 8px;font-size:11px}
 .jj-back-to-top-arrow{width:28px;height:28px}
}
@media(prefers-reduced-motion:reduce){.jj-back-to-top{transition:none}}