/* A0019758 — persistent app shell for app.youritmates.com */
:root{
  --yitm-app-red:#ff2d20;
  --yitm-app-red-dark:#c91f16;
  --yitm-app-navy:#10233f;
  --yitm-app-warm:#fffaf7;
  --yitm-app-white:#fff;
  --yitm-app-copy:#59677a;
  --yitm-app-line:#eadbd6;
  --yitm-app-soft:#fff3ef;
  --yitm-app-shadow:0 12px 34px rgba(16,35,63,.08);
}
/* Suppress public-site chrome if a legacy shared helper injects it into app pages. */
body > .skip-link,
body > .site-header,
body > .site-footer,
body > header.site-header,
body > footer.site-footer{display:none!important}

.yitm-app-skip{position:fixed;left:12px;top:-60px;z-index:9999;padding:10px 14px;border-radius:10px;background:var(--yitm-app-navy);color:#fff;font-weight:900;text-decoration:none}
.yitm-app-skip:focus{top:12px}
.yitm-app-header{position:sticky;top:0;z-index:100;background:rgba(255,250,247,.96);border-bottom:1px solid var(--yitm-app-line);backdrop-filter:blur(14px)}
.yitm-app-header__inner{max-width:1180px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.yitm-app-brand{display:flex;align-items:center;gap:10px;min-width:0;color:var(--yitm-app-navy)!important;text-decoration:none!important}
.yitm-app-brand__mark{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:13px;overflow:hidden;background:#fff}.yitm-app-brand__mark img{display:block;width:100%;height:100%;object-fit:contain}
.yitm-app-brand__text{display:grid;line-height:1.08}
.yitm-app-brand__text strong{font-size:1rem;letter-spacing:-.02em}
.yitm-app-brand__text em{font-style:normal;color:var(--yitm-app-red)}
.yitm-app-brand__text small{margin-top:4px;color:var(--yitm-app-copy);font-size:.72rem;font-weight:800;letter-spacing:.02em}
.yitm-app-nav{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.yitm-app-nav__link,.yitm-app-nav__account-link,.yitm-app-nav__account button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 12px;border-radius:11px;border:0;background:transparent;color:var(--yitm-app-navy)!important;font:inherit;font-weight:900;text-decoration:none!important;cursor:pointer}
.yitm-app-nav__link:hover,.yitm-app-nav__link:focus-visible,.yitm-app-nav__account-link:hover,.yitm-app-nav__account-link:focus-visible,.yitm-app-nav__account button:hover,.yitm-app-nav__account button:focus-visible{background:#fff;border-color:var(--yitm-app-line)}
.yitm-app-nav__link.is-current{background:var(--yitm-app-soft);color:var(--yitm-app-red-dark)!important}
.yitm-app-nav__account{margin:0}
.yitm-app-nav__account-link,.yitm-app-nav__account button{margin-left:4px;background:var(--yitm-app-red);color:#fff!important}
.yitm-app-nav__account-link:hover,.yitm-app-nav__account-link:focus-visible,.yitm-app-nav__account button:hover,.yitm-app-nav__account button:focus-visible{background:var(--yitm-app-red-dark);color:#fff!important}
.yitm-app-footer{margin-top:56px;background:var(--yitm-app-navy);color:#fff}
.yitm-app-footer__inner{max-width:1180px;margin:0 auto;padding:30px 20px;display:grid;grid-template-columns:1.2fr auto;gap:16px 28px;align-items:start}
.yitm-app-footer strong{display:block;font-size:1rem}
.yitm-app-footer span{display:block;margin-top:5px;color:#d9e2ee;font-size:.85rem}
.yitm-app-footer nav{display:flex;gap:8px 15px;flex-wrap:wrap;justify-content:flex-end}
.yitm-app-footer a{color:#fff!important;font-weight:850;text-decoration:none}
.yitm-app-footer a:hover,.yitm-app-footer a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.yitm-app-footer p{grid-column:1/-1;margin:4px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);color:#cbd5e1;font-size:.82rem;line-height:1.5}
body{min-height:100vh;background:var(--yitm-app-warm);color:var(--yitm-app-navy)}
#main-content{scroll-margin-top:84px}
@media(max-width:760px){
  .yitm-app-header__inner{display:grid;gap:10px;padding:10px 12px}
  .yitm-app-brand__mark{width:42px;height:42px;flex-basis:42px;border-radius:12px}
  .yitm-app-nav{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .yitm-app-nav__link,.yitm-app-nav__account-link,.yitm-app-nav__account button{width:100%;min-height:40px;padding:8px 7px;font-size:.82rem}
  .yitm-app-nav__account{margin:0}
  .yitm-app-nav__account-link,.yitm-app-nav__account button{margin-left:0}
  .yitm-app-footer__inner{grid-template-columns:1fr}
  .yitm-app-footer nav{justify-content:flex-start}
  .yitm-app-footer p{grid-column:auto}
}
@media(max-width:430px){
  .yitm-app-brand__text strong{font-size:.94rem}
  .yitm-app-brand__text small{font-size:.68rem}
  .yitm-app-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


/* A0019759 — Your Tech Mate section navigation */
.yitm-mytech-nav{max-width:1180px;margin:18px auto 0;padding:0 20px;display:flex;gap:8px;flex-wrap:wrap}
.yitm-mytech-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 12px;border:1px solid var(--yitm-app-line);border-radius:999px;background:#fff;color:var(--yitm-app-navy)!important;text-decoration:none!important;font-weight:850}
.yitm-mytech-nav a:hover,.yitm-mytech-nav a:focus-visible{border-color:#d7c3bd;background:#fffdfb}
.yitm-mytech-nav a.is-current{border-color:var(--yitm-app-red);background:var(--yitm-app-soft);color:var(--yitm-app-red-dark)!important}
@media(max-width:760px){.yitm-mytech-nav{margin-top:12px;padding:0 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.yitm-mytech-nav a{width:100%}}
