/* Clarity: hard, visible edges on every window, card and control. Loaded last (Tyler, 2026-09-30).
   Most edges used to be gold at 13 to 45 percent, which melted into the green. They are now solid lines:
   --edge for windows and cards, --edge-soft for dividers inside them, --edge-strong for floating windows. */
:root{--edge:#a08857;--edge-soft:#a08857b3;--edge-strong:#d8b976;--line:#a08857b3;--hard-ring:0 0 0 1px #040a07e6}
html[data-theme=night]{--edge:#908f6d;--edge-soft:#908f6db3;--edge-strong:#d4c088;--line:#908f6db3}
html[data-contrast=high]{--edge:#d3bd86;--edge-soft:#d3bd86;--edge-strong:#f0dca5;--line:#d7bf82}

/* the frame of the page */
.masthead{border-bottom:1px solid var(--edge)}
.player{border-top:1px solid var(--edge)}
.sidebar{border-right-color:var(--edge-strong)}

/* windows and cards */
.card,main .collection-grid .card,.stat-strip,.note-box,.empty,.chart-chamber,.guided-walks>a,.tour-progress a,.featured-tracks .track-list,main .home-routes,.detail-art,.button,.chip,.tag,.atlas-feature,.atlas-story-image,.atlas-region-menu[open] nav,
.atlas-experience .atlas-lenses,.atlas-experience .chart-search-results,.atlas-experience .chart-chamber.unfolded,.atlas-experience .guided-walks>a,.atlas-experience .tour-progress a,.atlas-experience .chart-painting,.atlas-experience .atlas-directory-items>a,
.asc-chat,.alm-weather,.asc-bells button{border-color:var(--edge)}
.stat-strip a,.card-bookmark,.walk-empty,.atlas-experience .walk-empty,.atlas-experience .atlas-directory-items img,.alm-today,.alm-day,.robe-choice,.asc-react{border-color:var(--edge-soft)}
.school-strip .school-tile{border-color:color-mix(in srgb,var(--school) 70%,#8a8a5c)}
.rad-entry .detail-aside.rad-framed{border-color:color-mix(in srgb,var(--entry-accent) 85%,#a08857)}
.alm-day-yellow{border-color:#e8c24ab3}
.alm-day-orange{border-color:#e8883ad9}
.home-routes a+a{border-left-color:var(--edge)}

/* tiles that had a fill and no edge */
.asc-stats span,.asc-log li,.alm-stats div{border:1px solid var(--edge-soft)}

/* dividers inside windows */
.card-body,.card .card-body{border-top-color:var(--edge-soft)}
.card-read{border-top-color:var(--edge-soft)}
.page-head,body[data-page=home] .section-label{border-bottom-color:var(--edge-soft)}
.section-label{border-color:var(--edge-soft)}
.atlas-top-controls,.chart-topline,.chart-bottomline,.atlas-regions-list>a,.atlas-place-story,.atlas-directory-items>a,.tour-reader,.walk-list li,.atlas-search,.atlas-census,.atlas-region-menu nav a,.atlas-story-link,.atlas-small-stories>a,.atlas-schools,.atlas-discovery,
.atlas-experience .atlas-search,.atlas-experience .directory-heading,.atlas-experience .tour-reader,.atlas-experience .walk-list li,.atlas-experience .chart-search-results>a,.atlas-experience .atlas-walks{border-color:var(--edge-soft)}
.allowance-table th,.allowance-table td{border-bottom-color:var(--edge-soft)}
.asc-prefs,.asc-replies,.alm-by{border-top-color:var(--edge-soft)}
.asc-chat-head{border-bottom-color:var(--edge-soft)}
.ft-table{border-top-color:#e8c27a8c}
.ft-points{border-color:#2a1a1066}
.ft-front .button{border-color:#2a1a1099}

/* fields */
input:where(:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file])),select,textarea{border-color:var(--edge)}
.search-trigger{border-color:var(--edge)}

/* search results read as rows */
.search-result{border:1px solid var(--edge-soft)}
.search-result+.search-result{margin-top:6px}
.search-result:hover{border-color:var(--edge)}
.search-result.selected{border-color:var(--edge-strong);box-shadow:inset 3px 0 0 var(--edge-strong)}

/* checkboxes: a clear box when off, gold with a dark tick when on */
.setting-row input[type=checkbox],.asc-prefs input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:0 0 22px;width:22px;height:22px;min-width:22px;min-height:22px;margin:0;border:1.5px solid var(--edge-strong);border-radius:5px;background:#0b1511;cursor:pointer;transition:background-color .15s,border-color .15s}
.asc-prefs input[type=checkbox]{flex-basis:18px;width:18px;height:18px;min-width:18px;min-height:18px;border-radius:4px}
.setting-row input[type=checkbox]:hover,.asc-prefs input[type=checkbox]:hover{border-color:#f0d494;background-color:#16241d}
.setting-row input[type=checkbox]:checked,.asc-prefs input[type=checkbox]:checked{border-color:#f0d494;background:#e2c27c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.4 8.4l3.1 3.1 6.1-7' fill='none' stroke='%23112018' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/78% no-repeat}
.setting-row input[type=checkbox]:disabled,.asc-prefs input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}

/* floating windows: a bright edge and a dark ring outside it, so they stand clear of anything behind */
dialog{border-color:var(--edge-strong);box-shadow:var(--hard-ring),inset 0 1px #ffffff10,0 30px 120px #000b}
.asc-panel{border-color:var(--edge-strong);box-shadow:var(--hard-ring),inset 0 1px #ffffff10,0 30px 70px #000b}
.robe-panel{border-color:var(--edge-strong);box-shadow:var(--hard-ring),inset 0 1px #ffffff10,0 30px 80px #000c}
.asc-callout{box-shadow:var(--hard-ring),0 20px 50px #000a}
.arr-invite{border-color:#f3d58fb3;box-shadow:var(--hard-ring),0 24px 60px #000b,0 0 40px #e8c27a22}

/* the film's controls and the medallion's label */
.arr-mute,.arr-skip,.arr-pause,.arr-again{border-color:#ffffff73}
.arr-medal:after,.arr-wish-hint{border-color:#f3d58fa6}

@media print{:root,html[data-theme=night]{--edge:#777;--edge-soft:#999;--edge-strong:#555;--line:#777}dialog,.asc-panel,.robe-panel{box-shadow:none}}