/* Shared by the data pages (issues, repos, wrapped). Builds on style.css. */
body.page{background:#f6f4ec}
.page-top{background:#253c38;color:#eef1df;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 4%;flex-wrap:wrap}
.page-top .wordmark{font-size:24px}
.page-top .brand-mark{width:23px;height:23px}
.page-links{display:flex;gap:22px;font-size:12px;flex-wrap:wrap}
.page-links a{opacity:.82;display:inline-flex;align-items:center;min-height:24px}
.page-links a:hover,.page-links a[aria-current=page]{opacity:1;text-decoration:underline;text-underline-offset:5px}
.page-head{max-width:1000px;margin:0 auto;padding:70px 30px 26px}
.page-head .eyebrow{font-size:9px;color:#6e8068}
.page-head h1{font-size:58px;letter-spacing:-2.2px;margin:18px 0 16px;color:#263e3e}
.page-head p{max-width:640px;font-size:14px;color:#566b60;margin:0}
.page-body{max-width:1000px;margin:0 auto;padding:10px 30px 80px}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0 8px}
.chips button{border:1px solid #7b958355;border-radius:30px;padding:7px 14px;background:transparent;color:#3d5a4c;font-size:11px}
.chips button[aria-pressed=true]{background:#294a40;color:#fff;border-color:#294a40}
.meta-line{font-size:11px;color:#6d7f72;margin:14px 0 6px}
.rows{list-style:none;margin:0;padding:0;border-top:1px solid #3d583b25}
.rows li{border-bottom:1px solid #3d583b25;padding:17px 0;display:grid;grid-template-columns:1fr auto;gap:6px 24px;align-items:baseline}
.rows a.title{font-size:16px;letter-spacing:-.3px;color:#223b36}
.rows a.title:hover{text-decoration:underline}
.rows .sub{grid-column:1;font-size:11px;color:#687a70;display:flex;gap:6px 14px;flex-wrap:wrap}
.rows .side{grid-row:1/span 2;grid-column:2;text-align:right;font-size:11px;color:#566b60;white-space:nowrap}
.rows .side b{display:block;font-family:Caslon,Georgia,serif;font-weight:400;font-size:25px;color:#263e3e;line-height:1.1}
.free-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2f9e5b;margin-right:6px}
.rank{font-family:Caslon,Georgia,serif;color:#91a087;font-size:20px;margin-right:12px}
.copy{border:1px solid #7b958355;border-radius:30px;padding:5px 12px;background:transparent;color:#3d5a4c;font-size:10px;margin-top:6px}
.copy:hover{background:#294a4012}
.notice{border:1px solid #3d583b30;border-radius:12px;padding:18px 20px;font-size:12px;color:#566b60;background:#eef0e5;margin:22px 0}
.notice a{text-decoration:underline}
.method{font-size:11px;color:#6d7f72;line-height:1.8;margin-top:34px;max-width:720px}
.method a{text-decoration:underline}
.cta-band{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#29433d;color:#eef1df;border-radius:14px;padding:24px 28px;margin-top:44px}
.cta-band p{margin:0;font-size:13px;max-width:520px;color:#d5dfcf}
.cta-band .pill{font-size:12px;padding:11px 20px;gap:14px}
/* wrapped */
.lookup{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 6px}
.lookup input{flex:1;min-width:210px;border:1px solid #7b958370;border-radius:30px;padding:13px 20px;background:#fff;color:#223b36;font-size:14px}
.lookup button{border:0;border-radius:30px;padding:13px 26px;background:#294a40;color:#fff;font-weight:600;font-size:13px}
.lookup button[disabled]{opacity:.6;cursor:default}
.card-wrap{margin-top:28px}
.card-wrap canvas{width:100%;height:auto;border-radius:16px;box-shadow:0 25px 50px #31554530;display:block}
.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.card-actions a,.card-actions button{border:1px solid #294a40;border-radius:30px;padding:10px 20px;background:transparent;color:#294a40;font-size:12px;font-weight:600}
.card-actions .primary{background:#294a40;color:#fff}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:600px){.page-head{padding:44px 22px 18px}.page-head h1{font-size:38px;letter-spacing:-1.2px}.page-body{padding:6px 22px 60px}.rows li{grid-template-columns:1fr}.rows .side{grid-row:auto;grid-column:1;text-align:left}.rows .side b{display:inline;font-size:18px;margin-right:6px}.page-links{gap:14px;font-size:11px}}
