:root{--blue:#087be5;--blue2:#09a9ef;--navy:#063463;--ink:#092b55;--muted:#526b85;--line:#d8e8f5;--soft:#f2f9ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff}.shell{width:min(1120px,calc(100% - 36px));margin:0 auto}
.site-header{height:74px;background:#fff;border-bottom:1px solid #e5edf5}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink)}.brand-copy strong{display:block;font-size:23px;line-height:1}.brand-copy small{display:block;font-size:12px;color:#54708b;margin-top:5px}.toolbox-logo{display:block;width:47px;height:34px;border-radius:7px;background:linear-gradient(#178ef4,#0567cf);position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}.toolbox-logo:before{content:"";position:absolute;left:13px;top:-9px;width:19px;height:10px;border:4px solid #0b74d9;border-bottom:0;border-radius:7px 7px 0 0}.toolbox-logo:after{content:"";position:absolute;left:0;right:0;top:14px;border-top:2px solid rgba(255,255,255,.78)}.toolbox-logo i{position:absolute;left:21px;top:11px;width:5px;height:7px;border-radius:2px;background:#fff;z-index:2}.nav{display:flex;align-items:center;gap:5px}.nav a{text-decoration:none;color:#102f55;font-size:14px;font-weight:650;padding:9px 14px;border-radius:7px}.nav a:hover,.nav a.active{background:#0879df;color:#fff}
.hero{height:206px;color:#fff;overflow:hidden;background:radial-gradient(circle at 80% 18%,rgba(61,221,255,.75),transparent 26%),linear-gradient(112deg,#0759bc 0%,#087fe0 50%,#09a9ef 100%)}.hero-inner{height:100%;position:relative;display:flex;align-items:center;justify-content:center}.hero-copy{text-align:center;position:relative;z-index:2}.hero h1{font-size:52px;letter-spacing:-2.5px;line-height:.98;margin:0 0 9px;font-weight:800}.hero h2{font-size:25px;line-height:1.05;margin:0 0 8px;font-weight:760}.hero p{font-size:15px;margin:0;opacity:.96}.phone-art{position:absolute;width:236px;height:236px;left:-67px;bottom:-75px;border-radius:49px;transform:rotate(17deg);background:linear-gradient(145deg,#d4e0ea 0%,#6d879e 58%,#294a67 100%);border:4px solid rgba(255,255,255,.38);box-shadow:0 15px 28px rgba(0,43,92,.28)}.lens{position:absolute;width:57px;height:57px;border-radius:50%;background:radial-gradient(circle at 42% 39%,#516d84 0 8%,#071a2b 10% 43%,#183a55 45% 57%,#071521 60%);box-shadow:0 0 0 5px rgba(231,241,249,.42),inset 0 0 10px #000}.l1{left:35px;top:38px}.l2{left:113px;top:77px}.l3{left:41px;top:116px}.flash{position:absolute;width:28px;height:28px;border-radius:50%;background:#e8f4fb;left:127px;top:35px;box-shadow:0 0 0 3px rgba(37,72,100,.35)}.scribble{position:absolute;right:5px;top:28px;width:245px;z-index:3}.scribble img{display:block;width:100%;height:auto}
.apps{padding:17px 0 20px;background:#fff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.app-card{min-width:0;background:linear-gradient(180deg,#f8fcff,#eff8ff);border:1px solid #d5e7f5;border-radius:18px;padding:14px 22px 16px;box-shadow:0 5px 17px rgba(7,58,107,.06);display:flex;flex-direction:column}.app-icon{width:190px;height:190px;object-fit:contain;display:block;margin:0 auto 7px;filter:drop-shadow(0 6px 8px rgba(5,52,103,.16))}.app-card h3{text-align:center;font-size:22px;letter-spacing:-.5px;line-height:1.05;margin:0 0 7px}.summary{text-align:center;color:#46617d;font-size:14px;line-height:1.25;margin:0 auto 8px;max-width:285px;min-height:35px}.app-card ul{list-style:none;margin:0 0 12px;padding:0}.app-card li{font-size:13px;line-height:1.25;margin:6px 0;padding-left:23px;position:relative;color:#183d63}.app-card li:before{content:"✓";position:absolute;left:0;top:-1px;width:17px;height:17px;border-radius:50%;background:#087be5;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.card-bottom{margin-top:auto;text-align:center}.store-badge{display:inline-flex;align-items:center;gap:7px;background:#050505;color:#fff;border-radius:7px;padding:6px 13px 7px;min-width:126px;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.18)}.store-badge b{font-size:22px;line-height:1}.store-badge span{font-size:14px;line-height:.9;text-align:left;font-weight:600}.store-badge small{display:block;font-size:7px;letter-spacing:.3px;font-weight:500;margin-bottom:2px}.card-bottom a{display:block;color:#087be5;font-size:13px;font-weight:750;margin-top:7px;text-decoration:underline}
.benefits{background:linear-gradient(180deg,#edf8ff,#e7f4fd);border-top:1px solid #d8eaf7;border-bottom:1px solid #d8eaf7;padding:17px 0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.benefit{display:flex;align-items:center;justify-content:center;gap:11px}.benefit-icon{font-size:28px;line-height:1;color:#087be5;font-weight:800}.benefit-icon.gear{font-size:31px}.benefit-icon.heart{font-size:31px}.benefit b{display:block;font-size:14px}.benefit small{display:block;font-size:11px;color:#55708a;margin-top:3px}
.site-footer{background:linear-gradient(110deg,#052b53,#064a80);color:#fff;padding:23px 0 15px}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;align-items:center;gap:30px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand strong{font-size:18px}.toolbox-logo.small{width:36px;height:26px;border-radius:5px}.toolbox-logo.small:before{left:10px;top:-7px;width:14px;height:8px;border-width:3px}.toolbox-logo.small:after{top:11px}.toolbox-logo.small i{left:16px;top:9px;width:4px;height:5px}.site-footer p{font-size:11px;opacity:.7;margin:6px 0 0 46px}.footer-links{display:flex;gap:22px;justify-content:center}.footer-links a{font-size:12px;color:#fff;text-decoration:none;opacity:.8}.thanks{text-align:right;font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-style:italic;font-size:20px;color:rgba(217,242,255,.8)}.thanks span{font-family:inherit}.copyright{font-size:10px;opacity:.5;margin-top:18px}
/* Shared inner-page styling */
.page-hero{background:linear-gradient(120deg,#075dbd,#08a1ed);color:#fff;padding:48px 0}.page-hero h1{font-size:42px;margin:0 0 8px}.page-hero p{font-size:18px;margin:0;opacity:.9}.content{padding:40px 0 65px}.content-grid{display:grid;grid-template-columns:250px 1fr;gap:34px}.side{background:#f4f9fe;border:1px solid #dceaf7;border-radius:18px;padding:19px;height:max-content}.side a{display:block;text-decoration:none;color:#315777;padding:8px 4px}.article h2{font-size:27px;margin:29px 0 10px}.article h2:first-child{margin-top:0}.article h3{font-size:19px;margin:23px 0 8px}.article p,.article li{color:#405a73;line-height:1.65}.notice{padding:16px 18px;border-radius:14px;background:#eef7ff;border:1px solid #d7eaff}.support-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0}.support-card{border:1px solid #dceaf7;background:#f8fbff;border-radius:18px;padding:18px}.support-card img{width:72px;height:72px;object-fit:contain;float:left;margin:0 14px 8px 0}.support-card p{font-size:14px;clear:both}.email-button{display:inline-block;background:#0878e8;color:#fff;text-decoration:none;padding:12px 18px;border-radius:10px;font-weight:700}.placeholder{color:#b04b00;font-weight:700}
@media(max-width:900px){.nav a{padding:8px 9px}.brand-copy small{display:none}.phone-art{left:-110px}.scribble{right:-5px;width:210px}.cards{grid-template-columns:1fr}.app-card{max-width:520px;margin:auto;width:100%}.app-icon{width:210px;height:210px}.benefit-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.thanks{text-align:left}.content-grid{grid-template-columns:1fr}.side{display:none}.support-cards{grid-template-columns:1fr}}
@media(max-width:650px){.shell{width:min(100% - 24px,1120px)}.site-header{height:auto}.header-inner{padding:12px 0;align-items:flex-start}.brand-copy strong{font-size:18px}.toolbox-logo{width:39px;height:29px}.nav{flex-wrap:wrap;justify-content:flex-end}.nav a{font-size:12px;padding:7px 8px}.hero{height:auto}.hero-inner{min-height:190px}.phone-art,.scribble{display:none}.hero h1{font-size:40px}.hero h2{font-size:21px}.hero p{font-size:14px}.benefit-grid{grid-template-columns:1fr}.benefit{justify-content:flex-start;max-width:240px;margin:auto;width:100%}}


/* V5.1 — toolbox logo refinement */
.toolbox-logo{
  position:relative;
  isolation:isolate;
  overflow:visible;
}
.toolbox-logo::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:24%;
  top:-28%;
  width:52%;
  height:48%;
  border:5px solid #0878e8;
  border-bottom:0;
  border-radius:8px 8px 0 0;
  box-sizing:border-box;
}
.toolbox-logo::after{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  top:0;
  bottom:0;
  border-radius:inherit;
  pointer-events:none;
}
.toolbox-logo i{
  position:relative;
  z-index:3;
}
.toolbox-logo.small::before{
  border-width:4px;
}

/* User manual pages */
.manual-hero{
  background:linear-gradient(115deg,#075fbe,#08a9ef);
  color:#fff;
  padding:42px 0;
}
.manual-hero .manual-head{
  display:flex;
  align-items:center;
  gap:22px;
}
.manual-hero img{
  width:112px;
  height:112px;
  object-fit:contain;
  filter:drop-shadow(0 8px 14px rgba(0,40,90,.18));
}
.manual-hero h1{margin:0 0 5px;font-size:42px;letter-spacing:-1.4px}
.manual-hero p{margin:0;font-size:18px;opacity:.92}
.manual-layout{
  display:grid;
  grid-template-columns:245px minmax(0,1fr);
  gap:34px;
  padding:38px 0 70px;
}
.manual-nav{
  position:sticky;
  top:96px;
  align-self:start;
  background:#f4f9fe;
  border:1px solid #d9e9f7;
  border-radius:16px;
  padding:17px;
}
.manual-nav strong{display:block;margin-bottom:8px}
.manual-nav a{
  display:block;
  color:#315777;
  text-decoration:none;
  padding:7px 3px;
  font-size:14px;
}
.manual-nav a:hover{color:#0878e8}
.manual-copy h2{font-size:29px;color:#0a2854;margin:35px 0 10px}
.manual-copy h2:first-child{margin-top:0}
.manual-copy h3{font-size:20px;color:#0a2854;margin:24px 0 8px}
.manual-copy p,.manual-copy li{color:#405a73;line-height:1.65}
.manual-copy code{background:#eef6fd;padding:2px 5px;border-radius:5px}
.screenshot-placeholder{
  margin:18px 0 24px;
  min-height:260px;
  border:2px dashed #9cc9ec;
  border-radius:18px;
  background:linear-gradient(180deg,#f7fbff,#edf7ff);
  display:grid;
  place-items:center;
  text-align:center;
  color:#557692;
  padding:28px;
}
.screenshot-placeholder b{display:block;color:#0a5eaf;font-size:18px;margin-bottom:6px}
.callout{
  background:#eef8ff;
  border-left:4px solid #0878e8;
  padding:14px 16px;
  border-radius:0 12px 12px 0;
  margin:18px 0;
}
.manual-table{width:100%;border-collapse:collapse;margin:15px 0 25px}
.manual-table th,.manual-table td{padding:11px 12px;border-bottom:1px solid #dceaf6;text-align:left;vertical-align:top}
.manual-table th{color:#0a2854;background:#f4f9fe}
@media(max-width:800px){
  .manual-layout{grid-template-columns:1fr}
  .manual-nav{position:static}
  .manual-hero .manual-head{align-items:flex-start}
  .manual-hero img{width:82px;height:82px}
  .manual-hero h1{font-size:34px}
}

/* V5.3 — official My App Toolbox artwork */
.toolbox-logo-image {
  display:block;
  width:46px;
  height:46px;
  object-fit:contain;
  flex:0 0 46px;
}
.toolbox-logo-footer-image {
  display:block;
  width:34px;
  height:34px;
  object-fit:contain;
  flex:0 0 34px;
}
.toolbox-logo-image,
.toolbox-logo-footer-image {
  border:0;
  background:transparent;
}

/* V5.4 — exact user-supplied yellow phone, angled/cropped in hero */

.hero-yellow-phone img,.hero-yellow-phone-img{display:block;width:min(390px,88%);height:auto;transform:rotate(-12deg);filter:drop-shadow(0 16px 18px rgba(0,0,0,.22))}

.hero-yellow-phone-img{position:relative;left:3%;top:-35px}
@media(max-width:760px){.hero-yellow-phone img,.hero-yellow-phone-img{width:min(280px,82%);top:-20px}}

/* V6.2 — authoritative yellow phone positioning */
.hero-yellow-phone {
  position: absolute;
  left: 0;
  top: 0;
  width: 38%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}

.hero-yellow-phone img {
  position: absolute;
  width: min(390px, 78%);
  height: auto;
  left: 12%;
  top: 15px;
  transform: rotate(-12deg);
  transform-origin: center center;
}

.hero-copy {
  position: relative;
  z-index: 2;
}

.scribble {
  z-index: 3;
}

@media (max-width: 900px) {
  .hero-yellow-phone {
    width: 41%;
  }

  .hero-yellow-phone img {
    width: min(330px, 76%);
    left: 12%;
    top: 15px;
  }
}

@media (max-width: 650px) {
  .hero-yellow-phone {
    display: none;
  }
}
/* V6.3.1 — Learn More pages */
.learn-more-page{background:#fff}
.app-detail-hero{max-width:1160px;margin:0 auto;padding:64px 28px 44px}
.app-detail-copy{display:grid;grid-template-columns:190px minmax(0,1fr);gap:38px;align-items:center}
.app-detail-icon{width:190px;height:190px;object-fit:contain;display:block}
.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:800;color:#1769aa}
.app-detail-copy h1{margin:0;font-size:clamp(2.2rem,5vw,4rem);line-height:1.02}
.app-detail-subtitle{margin:12px 0 14px;font-weight:700;color:#1769aa;font-size:1.08rem}
.app-detail-intro{max-width:760px;font-size:1.08rem;line-height:1.7;margin:0;color:#334155}
.detail-actions{display:flex;align-items:center;gap:20px;margin-top:24px;flex-wrap:wrap}
.button-link{display:inline-block;background:#0b6fc2;color:#fff!important;text-decoration:none;font-weight:700;padding:11px 18px;border-radius:10px}
.text-link{font-weight:700;text-decoration:none}
.detail-section{max-width:1160px;margin:0 auto;padding:48px 28px 58px}
.detail-soft{max-width:none;background:#f4f8fc;padding-left:max(28px,calc((100% - 1104px)/2));padding-right:max(28px,calc((100% - 1104px)/2))}
.detail-heading{max-width:760px;margin-bottom:26px}
.detail-heading h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:0 0 12px}
.detail-heading p:last-child{line-height:1.65;color:#475569}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.feature-card{border:1px solid #dce7f1;border-radius:16px;padding:22px;background:#fff;box-shadow:0 8px 24px rgba(11,65,109,.06)}
.feature-card h3{margin:0 0 8px;font-size:1.08rem}
.feature-card p{margin:0;color:#526173;line-height:1.55}
.screenshot-placeholder{border:2px dashed #b9cad9;border-radius:18px;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:#526173;background:#fff}
.screenshot-placeholder strong{color:#16324a;font-size:1.15rem;margin-bottom:6px}
@media(max-width:760px){.app-detail-copy{grid-template-columns:1fr;text-align:center}.app-detail-icon{width:150px;height:150px;margin:0 auto}.app-detail-intro{margin-left:auto;margin-right:auto}.detail-actions{justify-content:center}.feature-grid{grid-template-columns:1fr}}

/* V6.4 — consistent secondary pages */
body:has(.privacy-page) .privacy-page,
body:has(.policy-page) .policy-page,
body:has(main.privacy) main.privacy {
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 28px;
  padding-right: 28px;
}

/* V6.4 — Layout-style Learn More presentation */
.layout-learn-more {
  max-width: 1160px;
  margin: 0 auto;
  padding: 58px 28px 70px;
}
.learn-hero {
  display: grid;
  grid-template-columns: minmax(180px, 300px) minmax(0, 1fr);
  gap: 52px;
  align-items: center;
}
.learn-icon {
  width: min(100%, 280px);
  height: auto;
  display: block;
  margin: 0 auto;
}
.learn-copy h1 {
  margin: 0 0 8px;
  font-size: clamp(2.2rem, 5vw, 4rem);
  line-height: 1.03;
}
.learn-subtitle {
  margin: 0 0 18px;
  color: #1769aa;
  font-size: 1.12rem;
  font-weight: 800;
}
.learn-copy > p:not(.learn-subtitle) {
  color: #475569;
  line-height: 1.7;
  font-size: 1.05rem;
}
.learn-feature-list {
  margin: 22px 0 26px;
  padding-left: 1.25rem;
  line-height: 1.75;
}
.learn-actions {
  display: flex;
  gap: 18px;
  align-items: center;
  flex-wrap: wrap;
}
.learn-primary {
  display: inline-block;
  background: #0b6fc2;
  color: #fff !important;
  text-decoration: none;
  font-weight: 700;
  padding: 11px 18px;
  border-radius: 10px;
}
.learn-secondary {
  font-weight: 700;
  text-decoration: none;
}
.learn-screens {
  margin-top: 64px;
  padding-top: 42px;
  border-top: 1px solid #dce7f1;
}
.learn-screens h2 {
  margin-bottom: 8px;
  font-size: clamp(1.7rem, 3vw, 2.5rem);
}
.learn-screens > p {
  color: #526173;
  line-height: 1.65;
}
.shot-card {
  margin-top: 24px;
}
.shot-placeholder {
  min-height: 220px;
  border: 2px dashed #b9cad9;
  border-radius: 18px;
  background: #f8fbfe;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 28px;
  color: #526173;
}
.shot-placeholder strong {
  color: #16324a;
  font-size: 1.15rem;
  margin-bottom: 7px;
}
@media (max-width: 760px) {
  .learn-hero { grid-template-columns: 1fr; text-align: center; gap: 28px; }
  .learn-icon { width: 180px; }
  .learn-feature-list { display: inline-block; text-align: left; }
  .learn-actions { justify-content: center; }
}

/* V6.5 — Support page */
.support-page {
  max-width: 1160px;
  margin: 0 auto;
  padding: 56px 28px 72px;
}
.support-intro {
  max-width: 760px;
  margin-bottom: 44px;
}
.support-intro h1 {
  margin: 0 0 12px;
  font-size: clamp(2.2rem, 5vw, 4rem);
  line-height: 1.04;
}
.support-intro p,
.support-contact p {
  color: #526173;
  line-height: 1.7;
  font-size: 1.05rem;
}
.support-apps h2,
.support-contact h2 {
  margin: 0 0 24px;
  font-size: clamp(1.7rem, 3vw, 2.4rem);
}
.support-app-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.support-app-card {
  text-align: center;
  background: #fff;
  border: 1px solid #dce7f1;
  border-radius: 18px;
  padding: 26px 22px 24px;
  box-shadow: 0 8px 24px rgba(11,65,109,.06);
}
.support-app-card img {
  width: 190px;
  height: 190px;
  object-fit: contain;
  display: block;
  margin: 0 auto 18px;
}
.support-app-card h3 {
  margin: 0 0 14px;
  font-size: 1.15rem;
}
.support-app-card a {
  font-weight: 700;
  text-decoration: none;
}
.support-contact {
  margin-top: 56px;
  padding-top: 42px;
  border-top: 1px solid #dce7f1;
  text-align: center;
}
.support-email-button {
  display: inline-block;
  margin-top: 8px;
  padding: 12px 20px;
  border-radius: 10px;
  background: #0b6fc2;
  color: #fff !important;
  text-decoration: none;
  font-weight: 700;
}
.support-email-text {
  display: block;
  width: fit-content;
  margin: 12px auto 0;
  font-weight: 600;
  text-decoration: none;
}
@media (max-width: 760px) {
  .support-app-grid { grid-template-columns: 1fr; }
  .support-app-card img { width: 160px; height: 160px; }
}
/* V6.6 — Support hero alignment */
.support-hero-inner {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  padding-left: 28px;
  padding-right: 28px;
  box-sizing: border-box;
  text-align: left;
}
.support-hero-inner h1,
.support-hero-inner p { text-align: left; }

/* V6.7 — Support card color + secondary-page center spacing */
.support-app-card {
  background: linear-gradient(180deg,#f8fcff,#eff8ff);
}

/* Give the Privacy center content the same vertical breathing room as Home/Support. */
.privacy-page,
.policy-page,
main.privacy {
  padding-top: 56px;
  padding-bottom: 72px;
}
/* V6.9 — authoritative Privacy content width/padding */
.privacy-content {
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding: 56px 28px 72px;
  box-sizing: border-box;
}
@media (max-width: 650px) {
  .privacy-content {
    padding-left: 22px;
    padding-right: 22px;
  }
}
/* V6.10 — Privacy banner alignment */
.privacy-hero-inner {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  padding-left: 28px;
  padding-right: 28px;
  box-sizing: border-box;
  text-align: left;
}
.privacy-hero-inner h1,
.privacy-hero-inner p {
  text-align: left;
}
@media (max-width: 650px) {
  .privacy-hero-inner {
    padding-left: 22px;
    padding-right: 22px;
  }
}


/* V6.11 — unreleased app status */
.development-status {
  display: inline-block;
  font-weight: 700;
  color: #4d6478;
  letter-spacing: .01em;
  padding: 8px 0;
}

/* V6.12 — Graphic Layout User Manual screenshots */
.manual-shot {
  margin: 20px 0 30px;
  text-align: center;
}
.manual-shot img {
  display: block;
  width: min(100%, 520px);
  height: auto;
  margin: 0 auto;
  border-radius: 18px;
  filter: drop-shadow(0 10px 22px rgba(11,65,109,.12));
}
.manual-shot figcaption {
  max-width: 650px;
  margin: 12px auto 0;
  color: #526173;
  line-height: 1.55;
  font-size: .95rem;
}
.manual-shot-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
  align-items: start;
  margin: 18px 0 30px;
}
.manual-shot-row .manual-shot { margin: 0; }
.manual-shot-row .manual-shot img { width: 100%; border-radius: 14px; }
.manual-shot-row .manual-shot figcaption { text-align: left; }
@media (max-width: 900px) {
  .manual-shot-row { grid-template-columns: 1fr; }
  .manual-shot-row .manual-shot img { width: min(100%, 520px); }
  .manual-shot-row .manual-shot figcaption { text-align: center; }
}

/* V6.18 — iPhone landscape tagline positioning.
   Keeps the existing desktop/iPad layout unchanged. */
@media (min-width:651px) and (max-width:900px) {
  .scribble {
    right: 0;
    top: 20px;
    width: 160px;
  }
}

/* V6.20 — preserve the supplied tagline SVG artwork exactly as drawn.
   iPhone landscape only: lower/reposition it without adding CSS rotation.
   Desktop and iPad remain unchanged. */
@media (min-width:651px) and (max-width:900px) {
  .scribble {
    right: 2px;
    top: 34px;
    width: 160px;
    transform: none;
  }
}

/* Official Apple App Store badge — Graphic Layout Calculator */
.official-app-store-link{display:inline-block;line-height:0;vertical-align:middle;margin:0 auto 3px}
.official-app-store-link img{display:block;width:120px;height:auto}
.official-app-store-link:focus-visible{outline:2px solid #087be5;outline-offset:4px;border-radius:5px}

/* V6.21 — center official App Store badge within Graphic Layout card */
.card-bottom a.official-app-store-link {
  display: block;
  width: max-content;
  max-width: 100%;
  margin: 0 auto 3px;
}

/* Resistor screenshots: give transparent phone corners a deliberate backdrop. */
.manual-shot.resistor-shot { background:transparent; border-radius:0; padding:0; }
.manual-shot.resistor-shot img { border-radius:0; box-shadow:none; filter:none; background:transparent; }