/* Atomic Hosting — comparison grids replicating the #hosting-packages table look
   without HTML tables: lime borders and header, alternating rows (#eaf8e4, from
   the original .net styles), subscribe band. Font matches the original table (Trebuchet MS); size is inherited from the
   page on purpose: on screen both sites resolve body text to 75% (12px) —
   the 10pt body rule in the .net bundle is @media print only.
   Separate file, not style.css. */
.ah-cmp{display:grid;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;width:100%;margin-bottom:1em;border-top:1px solid #94ce18;border-left:1px solid #94ce18}
.ah-cmp-6{grid-template-columns:1.4fr repeat(6,1fr)}
.ah-cmp-5{grid-template-columns:1.4fr repeat(5,1fr)}
.ah-cmp-c{background-color:#fff;border-right:1px solid #94ce18;border-bottom:1px solid #94ce18;padding:3px 7px 2px;font-size:1em}
.ah-cmp-a{background-color:#eaf8e4;color:#000}
.ah-cmp-h{border-right:1px solid #94ce18;border-bottom:1px solid #94ce18;background-color:#94ce18;color:#fff;text-align:center;font-weight:700;font-size:1.1em;padding:5px 7px 4px}
.ah-cmp-h a[href]{color:#fff}
.ah-cmp-s{border-right:1px solid #94ce18;border-bottom:1px solid #94ce18;background-color:#94ce18;text-align:center;font-weight:700;font-size:1.1em;padding:5px 7px 4px}
.ah-cmp-s a[href]{color:#fff}
.ah-cmp a:hover{color:red}
.ah-cmp-features{width:100%;margin-bottom:1em;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif}
.ah-cmp-fh{font-size:1.1em;text-align:center;font-weight:700;padding-top:5px;padding-bottom:4px}
.ah-cmp-fb{padding:3px}
@media (max-width:640px){.ah-cmp{font-size:.82em}.ah-cmp-c,.ah-cmp-h,.ah-cmp-s{padding-left:3px;padding-right:3px}}

/* Windows-packages note above the comparison grid: one small line */
.ah-win-note{font-size:.88em;margin:0 0 8px}

/* Framed variant (Resellers test): the table HEAD stays white and borderless
   inside the frame, and wide form content cannot stick out of the frame */
.ah-sup .ah-cmp-5{border-top-color:transparent;border-left-color:transparent}
.ah-sup .ah-cmp-5>.ah-cmp-h{background-color:#fff;border-right-color:transparent;border-bottom-color:transparent;color:#0f2233}
.ah-sup table{max-width:100%}
.ah-sup input,.ah-sup select,.ah-sup textarea{max-width:100%;box-sizing:border-box}
.ah-sup #item_name{width:100%}

/* Wider frame variant (Resellers test only): +60px to the RIGHT only;
   the left edge and the gap to the menu stay exactly in place */
.ah-sup.ah-sup-wide{box-sizing:border-box;width:calc(100% + 60px);margin-left:0}
@media (max-width:760px){.ah-sup.ah-sup-wide{width:100%;margin-left:0}}

/* Homepage test: 7-plan grid, column spans, and compact bento cards in the frame */
.ah-cmp-7{grid-template-columns:1.4fr repeat(7,1fr)}
.ah-cmp-span2{grid-column:span 2}
.ah-cmp-span3{grid-column:span 3}
.ah-cmp-full{grid-column:1/-1}
.ah-sup .bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:4px 0}
.ah-sup .bento-grid .card{border:1px solid #dde6ee;border-radius:10px;padding:10px 12px;background:#fff}
.ah-sup .bento-grid .card-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.ah-sup .bento-grid .card-header h3{margin:0;font-size:15px;line-height:1.25}
.ah-sup .bento-grid .card p{margin:0;font-size:13px;line-height:1.4}
.ah-sup .bento-grid .bento-icon{font-size:18px;line-height:1}
.ah-sup .feature-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 14px;margin-top:10px}
.ah-sup .feature-columns ul{margin:0;padding-left:16px}
.ah-sup .feature-columns li{font-size:13px;line-height:1.45}
@media (max-width:760px){.ah-sup .bento-grid{grid-template-columns:repeat(2,1fr)}.ah-sup .feature-columns{grid-template-columns:repeat(2,1fr)}}

/* Anchor offset: keep the All Plans Features block below the fixed header */
#features{scroll-margin-top:150px}