/* Scoped to the apps page; existing repair page layouts retain their styles. */
.apps-page {height:auto;color:#243641;background:#f4f4f4;}
.apps-page * {box-sizing:border-box;}
.apps-page .container {overflow:visible;}
.apps-page header .container {display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:10px;}
.apps-page header #branding {float:none;flex-shrink:0;}
.apps-page header #branding img {display:block;}
.apps-page header nav {float:none;margin:0;width:auto;}
.apps-page header ul {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 22px;list-style:none;}
.apps-page header li {float:none;padding:0;}
.apps-page header a {font-size:14px;}
.apps-page header .current a {color:#9bb9ff;}
.apps-page a:focus-visible {outline:3px solid #e5a513;outline-offset:5px;}
.apps-intro {padding:65px 0 56px;background:linear-gradient(120deg,#e9efff,#f4f4f4 72%);border-bottom:1px solid #dce3eb;}
.eyebrow {font-weight:bold;font-size:12px;letter-spacing:2px;color:#315cc9;margin:0 0 16px;}
.apps-intro h1 {font-size:clamp(36px,5vw,62px);line-height:1.08;letter-spacing:-2px;margin:0 0 22px;}
.intro-copy {font-size:18px;line-height:1.7;max-width:640px;color:#52616c;margin:0 0 25px;}
.intro-links {display:flex;flex-wrap:wrap;gap:10px;}
.intro-links a {color:#254fae;background:white;border:1px solid #d5deef;border-radius:30px;padding:9px 16px;text-decoration:none;font-size:14px;}
.intro-links a:hover {background:#e4ecff;}
.app-collection {padding:40px 0;display:grid;gap:28px;}
.app-card {display:grid;grid-template-columns:1fr 1.1fr;background:white;border:1px solid #dce3eb;border-radius:18px;overflow:hidden;scroll-margin-top:20px;box-shadow:0 8px 28px #26384a08;}
.app-visual {padding:30px;display:flex;align-items:center;justify-content:center;background:#eaf0f8;min-width:0;}
.bubblepop .app-visual {background:linear-gradient(140deg,#e0f7ff,#ebefff);}
.craps .app-visual {background:linear-gradient(140deg,#0b3826,#061b14);}
.screenshot {display:block;width:100%;}
.screenshot img {display:block;width:100%;height:auto;max-height:330px;object-fit:contain;border-radius:9px;box-shadow:0 12px 25px #0003;}
.app-copy {padding:32px;min-width:0;}
.app-identity {display:flex;align-items:center;gap:16px;}
.app-icon {border-radius:16px;flex-shrink:0;object-fit:contain;border:1px solid #dbe2ea;background:white;}
.category {font-size:11px;letter-spacing:1.5px;font-weight:bold;color:#607483;margin:0 0 5px;}
.app-copy h2 {font-size:25px;line-height:1.2;margin:0;letter-spacing:-.6px;}
.app-lead {font-size:19px;font-weight:bold;margin:24px 0 8px;}
.app-description {color:#52616c;line-height:1.7;margin:0;}
.feature-list {padding-left:21px;margin:18px 0;color:#425566;line-height:1.9;}
.feature-list li::marker {color:royalblue;}
.app-actions {display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:22px;}
.play-button {display:inline-flex;align-items:center;gap:10px;padding:9px 17px;border-radius:8px;color:white;background:#17232c;text-decoration:none;min-height:56px;}
.play-button:hover {background:#315cc9;}
.play-button small {display:block;font-size:9px;letter-spacing:1px;}
.play-button strong {display:block;font-size:19px;line-height:1.15;}
.play-triangle {font-size:25px;color:#8dccff;}
.app-tag {font-size:12px;color:#607483;}
.app-links {font-size:13px;margin:17px 0 0;line-height:1.9;}
.app-links a {color:#254fae;}
.app-note {font-size:12px;color:#52616c;margin:12px 0 0;}
.decoder-art {width:100%;border:1px solid #c9d7e9;border-radius:14px;background:linear-gradient(145deg,#fff,#dce9fb);padding:40px 25px;box-shadow:0 12px 25px #19304a10;}
.decoder-symbol {display:flex;gap:12px;align-items:center;font-size:28px;font-weight:bold;color:#67809e;margin-bottom:26px;}
.decoder-symbol span {padding:12px;border:2px solid #4169e1;border-radius:10px;color:#315cc9;background:white;}
.decoder-art strong {display:block;font-size:30px;line-height:1.2;letter-spacing:-1px;}
.decoder-line {display:block;font-size:10px;letter-spacing:2px;color:#527291;margin-top:25px;}
.support-section {display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 0 55px;}
.support-section h2 {font-size:26px;margin:0 0 12px;}
.support-section p:not(.eyebrow) {max-width:620px;color:#52616c;margin:0;}
.repair-link {color:#254fae;white-space:nowrap;font-size:14px;}
.apps-page footer {position:static;min-height:0;margin:0;padding:24px 0;border-top:4px solid royalblue;}
.apps-footer {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;font-size:13px;}
.apps-footer a {color:white;}
@media(max-width:1000px) {.apps-page header .container {flex-direction:column;gap:12px;}.apps-page header ul {justify-content:center;}.app-copy {padding:25px;}.app-visual {padding:20px;}}
@media(max-width:700px) {.apps-page header {display:block;}.apps-page header #branding {width:auto;}.apps-page header a {font-size:12px;}.apps-page header ul {gap:8px 14px;}.apps-intro {padding:36px 0;}.apps-intro h1 {letter-spacing:-1px;}.intro-copy {font-size:16px;}.app-collection {padding:25px 0;gap:22px;}.app-card {grid-template-columns:1fr;}.app-visual {padding:22px;}.app-copy {padding:24px;}.app-copy h2 {font-size:23px;}.app-icon {width:60px;height:60px;}.decoder-art {padding:24px;}.decoder-art strong {font-size:26px;}.decoder-symbol {margin-bottom:18px;}.screenshot img {max-height:260px;}.support-section {flex-direction:column;align-items:flex-start;padding-bottom:35px;}.repair-link {white-space:normal;}.apps-footer {flex-direction:column;align-items:flex-start;}}