/* The free Atlas (docs/FREE-ATLAS.md): what its pages need beyond Atlas Pro's
   tracker.css, which they load first and do not change. Every rule here is
   scoped to body.free-atlas or to a class only the free pages draw, so the
   dashboard cannot pick any of it up. */

/* Atlas Pro's rooms in the free rail carry the mark. */
.free-atlas .pro-mark{
  margin-left:auto;padding:0 6px;
  font-size:var(--t-micro);line-height:1.7;letter-spacing:var(--tr-micro);text-transform:uppercase;
  font-weight:var(--w-semi);color:var(--accent);
  border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:var(--r-pill);
}
.free-atlas .rail-item.on .pro-mark{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}

/* Upgrade to Pro: in the top bar, and the card that closes every page. */
.free-atlas .topbar .btn.upgrade{white-space:nowrap;flex:none}
.free-atlas .upgrade-card .card-body{
  display:flex;align-items:center;justify-content:space-between;gap:var(--s5);flex-wrap:wrap;
}
.free-atlas .upgrade-card .up-text{min-width:0;max-width:64ch}
.free-atlas .upgrade-card .up-title{font-size:var(--t-h2);line-height:var(--lh-h2);letter-spacing:var(--tr-h2);font-weight:var(--w-semi)}
.free-atlas .upgrade-card .up-text p{margin-top:var(--s1);color:var(--muted-fg);font-size:var(--t-sm);line-height:1.5}
.free-atlas .upgrade-card .btn{flex:none;white-space:nowrap}

/* Prospecting (D17): a control Atlas Pro has and the free Atlas does not, marked Pro, and the
   overview's link to every play. */
.free-atlas .btn-locked{gap:var(--s2);white-space:nowrap}
.free-atlas .btn-locked .pro-mark{margin-left:0}
.free-atlas .ov-plays{display:inline-flex;align-items:center;gap:var(--s2);margin-top:var(--s4);
  color:var(--accent);font-size:var(--t-sm);font-weight:var(--w-semi)}
.free-atlas .ov-plays svg{width:14px;height:14px}

/* The jurisdictions on the overview: the sample's count, and Atlas Pro's. */
.free-atlas .mk-row{display:flex;align-items:baseline;gap:var(--s3)}
.free-atlas .mk-n{font-size:var(--t-num-xl);line-height:1}
.free-atlas .mk-pro{margin-top:var(--s3)}

/* An outline page's jurisdictions: a name and a count, two columns. */
.free-atlas .lic-row.ol-row{grid-template-columns:minmax(0,1fr) auto}

/* A notice on the Pathfinder page (free-pathfinder.js). */
.free-atlas .gate-line{font-weight:var(--w-medium);max-width:64ch}

/* Search results are links here, not rows with a click handler. */
.free-atlas a.search-hit{color:var(--fg)}

/* The site's line, the correction form and the policies. */
.free-atlas .free-foot{
  margin-top:var(--s10);padding-top:var(--s6);border-top:1px solid var(--border);
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s3) var(--s6);
  font-size:var(--t-xs);color:var(--faint);
}
.free-atlas .free-foot nav{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5)}
.free-atlas .free-foot a{color:var(--muted-fg)}
.free-atlas .free-foot a:hover{color:var(--fg)}

/* The site's one header (apply/069) runs above the shell, 72px tall and
   sticky, so what tracker.css pins to the top of the window is pinned under
   it. It spans the window here, as the shell does, so its mark sits over the
   rail rather than over the middle of the canvas. */
.free-atlas .shell{min-height:calc(100vh - 72px)}
.free-atlas .topbar{top:72px}
.free-atlas .avn .avn-in{max-width:none}
@media (min-width:1081px){
  .free-atlas .rail{top:72px;height:calc(100vh - 72px)}
}

/* Narrow: the rail becomes a bar (tracker.css). The free one keeps its four
   views; Atlas Pro's rooms are in the bar's way there, and the top bar keeps
   Upgrade to Pro. */
@media (max-width:1080px){
  .free-atlas .rail-pro{display:none}
  .free-atlas .rail .rail-count{display:none}
}
@media (max-width:760px){
  .free-atlas .topbar{gap:var(--s3)}
  .free-atlas .topbar .crumb{display:none}
  .free-atlas .search-pop .field kbd{display:none}
  /* A filter menu hangs from its chip and is up to 380px wide, so one near
     the right edge of a phone ran off the screen. Open, it spans the screen. */
  .free-atlas .fmenu[open] .fpanel{position:fixed;left:var(--s4);right:var(--s4);top:auto;min-width:0;max-width:none}
  /* Prospects (D17): the bar's ends and the table's tools wrap under the rest rather than run
     past a phone's edge, where Download fell off the screen. */
  .free-atlas .prospect-bar .frow{flex-wrap:wrap}
  .free-atlas .prospect-bar .fend{flex-wrap:wrap}
  .free-atlas .card-head:has(.head-tools){flex-wrap:wrap;row-gap:var(--s3)}
  .free-atlas .head-tools{flex-wrap:wrap;margin-left:0}
}
/* A licence row is five columns, and below about 380px the date ran past the
   card's edge. On a phone the name takes the first line and the rest wrap. */
@media (max-width:560px){
  .free-atlas .lic-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px var(--s3)}
  .free-atlas .lic-row .l-name{flex:1 1 100%}
  .free-atlas .lic-row .c-src:empty{display:none}
}
@media (max-width:560px){
  .free-atlas .rail{gap:0}
  .free-atlas .rail .glyph{display:none}
  .free-atlas .rail-item{padding:7px 9px}
  .free-atlas .topbar .btn.upgrade{padding-left:var(--s3);padding-right:var(--s3)}
  .free-atlas .upgrade-card .btn{width:100%;justify-content:center}
}