/* Approved TinyBook companion, scoped to this section and its Settings preview. */
#mac-companion,#mac-companion-settings-dialog{--mc-ink:#1d1d1f;--mc-secondary:#626269;--mc-line:#d2d2d7;--mc-wash:#f5f5f7;--mc-blue:#0071e3;--mc-system:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif;font-family:var(--mc-system);color:var(--mc-ink);-webkit-font-smoothing:antialiased}
.mc-connection-switch,.mc-settings-action{font:inherit;cursor:pointer}.mc-dialog-done{cursor:pointer;}.mc-connection-switch:focus-visible,.mc-settings-action:focus-visible{outline:3px solid #0071e3;outline-offset:4px}.mc-dialog-done:focus-visible{outline:3px solid #0071e3;outline-offset:4px;}
#mac-companion{margin:auto;padding-block:72px 60px}
.mc-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px;align-items:center}
.mc-intro>header{min-width:0;overflow-wrap:anywhere}
#mac-companion-title{margin:0;max-width:480px}
#mac-companion-title span{display:block}
.mc-description{font-size:21px;line-height:1.43;letter-spacing:-.02em;color:var(--mc-secondary);margin:25px 0 0;max-width:440px}
#mac-companion figure{margin:0;min-width:0}
.mc-macbook-visual{position:relative;aspect-ratio:1;isolation:isolate;overflow:clip}
.mc-macbook-hardware{position:absolute;inset:0;width:100%;height:auto;display:block;mask-image:linear-gradient(90deg,transparent,#000 26%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 26%)}
.mc-popover-plane{--attachment-y:11.6448%;position:absolute;left:14%;top:14.6%;width:75%;transform:skewY(5.1deg) skewX(-.4deg);transform-origin:0 0}
.mc-popover-art{display:block;width:100%;height:auto}
.mc-status-items{position:absolute;left:calc(81.2475% - 10px);top:calc(var(--attachment-y) - 17px);height:20px;display:flex;align-items:center;gap:8px;color:#22343c;font-size:9px;line-height:1;white-space:nowrap}
.mc-status-items img{width:13px;height:13px;object-fit:contain}
.mc-status-item{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;background:#ffffff50;box-shadow:inset 0 0 0 1px #ffffff4d}
.mc-status-item img{width:14px;height:14px}
.mc-settings-action{position:absolute;left:16%;top:66.0844%;width:68%;height:12.8093%;min-height:44px;border:0;border-radius:11px;background:transparent;color:transparent}
.mc-settings-action:hover{background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff63}
.mc-connection-switch{position:absolute;left:63.5%;top:calc(54.294% - 22px);width:20.5%;min-width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:transparent}
.mc-connection-switch:hover{background:#ffffff24}
.mc-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.mc-feature{background:var(--mc-wash);border-radius:28px;padding:28px}
.mc-feature-icon{width:38px;height:38px;object-fit:contain;display:block;margin-bottom:18px}
.mc-feature h3{font-size:23px;line-height:1.18;font-weight:600;letter-spacing:-.025em;margin:0 0 10px}
.mc-feature p{font-size:17px;line-height:1.45;color:var(--mc-secondary);letter-spacing:-.01em;margin:0}
.mc-requirements{display:block;margin:24px 0 0;color:var(--mc-secondary);font-size:14px;line-height:1.5}
#mac-companion-settings-dialog{color:var(--mc-ink);background:#f5f5f7;border:1px solid #d2d2d7;border-radius:20px;width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px;box-shadow:0 24px 80px #0003;overflow:auto}
#mac-companion-settings-dialog::backdrop{background:#17202b45;backdrop-filter:blur(8px)}
#mac-companion-settings-dialog h2{font-size:24px;letter-spacing:-.025em;margin:0 0 13px;line-height:1.2}
.mc-settings-preview{display:block;width:100%;height:auto;border-radius:12px}
.mc-dialog-note{font-size:14px;color:var(--mc-secondary);line-height:1.45;margin:16px 0 0}
.mc-dialog-done{margin-top:15px;}
@media(min-width:1600px){#mac-companion{padding-top:120px;padding-bottom:90px}}
@media(max-width:1050px){#mac-companion{padding-block:68px 62px}.mc-intro{gap:34px}.mc-description{font-size:19px}.mc-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.mc-feature h3{font-size:22px}.mc-requirements{gap:34px}.mc-popover-plane{left:8%;top:14%;width:86%}.mc-status-items .mc-menu-time{display:none}}
@media(max-width:760px){#mac-companion{padding-block:60px 50px}.mc-intro{grid-template-columns:1fr;gap:24px}#mac-companion-title{max-width:460px}.mc-description{font-size:19px;margin-top:21px;max-width:460px}.mc-macbook-visual{aspect-ratio:.93}.mc-popover-plane{left:4%;top:12%;width:90%}.mc-status-items .mc-menu-time{display:none}.mc-features{grid-template-columns:1fr;gap:16px;margin-top:22px}.mc-feature{display:grid;grid-template-columns:34px 1fr;column-gap:16px;padding:26px 24px;border-radius:26px}.mc-feature-icon{width:34px;height:34px;grid-row:1/3;margin:0}.mc-feature h3{font-size:22px;margin-bottom:8px}.mc-feature p{font-size:17px;max-width:440px}.mc-requirements{margin-top:24px}.mc-requirements p{font-size:14px}}
@media(max-width:390px){#mac-companion{padding-block:49px 43px}.mc-description{font-size:18px}.mc-feature h3{font-size:21px}.mc-feature p{font-size:16px}.mc-feature{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){#mac-companion *{scroll-behavior:auto!important}}
@media print{#mac-companion{padding-block:30px}.mc-settings-action{display:none}#mac-companion-settings-dialog{display:none}}
@media print{.mc-connection-switch{display:none}}