:root{
  --bg:#fff;
  --surface:#f6f7f8;
  --ink:#141414;
  --muted:#63686d;
  --line:#d8dde2;
  --orange:#F2542D;
  --orange-text:#A93418;
  --orange-soft:#FFE5DC;
  --content:1180px;
  --sans:Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}
html{overflow-x:hidden}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--sans);font-weight:500;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit;color:inherit}
img{display:block;max-width:100%}
.wrap{width:min(var(--content),calc(100% - 44px));margin-inline:auto}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:500;background:#fff;border:2px solid var(--ink);padding:8px 11px}

/* Header */
.masthead{border-bottom:1px solid var(--line);background:#fff}
.mast-inner{width:min(var(--content),calc(100% - 44px));margin:auto;padding:12px 0 14px}
.mast-nav{
  display:flex;justify-content:center;align-items:center;gap:22px;
  min-height:18px;margin-bottom:4px;font-size:12px;font-weight:800;
}
.mast-nav a:hover,.mast-nav a:focus{color:var(--orange-text);outline-offset:4px}
.identity{text-align:center;position:relative}
.wordmark{
  display:inline-flex;align-items:flex-start;justify-content:center;
  width:auto;max-width:100%;
  font-family:"Arial Black",Arial,Helvetica,sans-serif;
  font-size:clamp(36px,4.1vw,50px);line-height:.9;font-weight:950;
  letter-spacing:-2.8px;text-transform:uppercase;
}
.wordmark-mark{
  display:inline-block;
  border:0;
  background:transparent;
  color:var(--orange);
  padding:0 2px;
  margin-left:3px;
  font-size:16px;
  line-height:1;
  font-weight:950;
  cursor:pointer;
  transform:translateY(-20px) rotate(8deg);
}
.wordmark-mark:hover,.wordmark-mark:focus{color:var(--orange-text);outline-offset:4px}
.brand-line{margin:6px 0 0;color:#5e6368;font-size:12px;font-weight:650}
.asterisk-note{
  position:absolute;left:50%;top:68px;z-index:30;
  transform:translateX(-50%) translateY(-3px);
  opacity:0;pointer-events:none;
  padding:5px 8px;border:1px solid #c9ced3;background:#fff;
  color:#4e5358;font-size:12px;font-weight:800;white-space:nowrap;
  transition:opacity .12s ease,transform .12s ease;
}
.asterisk-note.show{opacity:1;transform:translateX(-50%) translateY(0)}
.mast-action{display:flex;justify-content:center;margin-top:8px}
.cta{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--orange);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);
  padding:8px 17px;font-size:12px;font-weight:950;letter-spacing:.55px;text-transform:uppercase;
}
.cta:hover,.cta:focus{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink);outline-offset:4px}

/* Intro */
main{padding-top:21px}
.section-intro{
  margin-bottom:20px;
  text-align:center;
}
.section-title-row{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}
.catalogue-status{
  color:#74797e;
  font-size:12px;
  line-height:1;
  font-weight:850;
  letter-spacing:.42px;
  text-transform:uppercase;
  white-space:nowrap;
}

.section-intro h1,.section-intro h2{
  margin:0;
  display:block;
  font-size:clamp(28px,3.2vw,39px);
  line-height:1;
  font-weight:950;
  letter-spacing:-1.25px;
  text-transform:uppercase;
}
.section-intro h1::before,.section-intro h2::before{display:none}
.section-intro p{
  margin:6px 0 0;
  color:var(--muted);
  font-size:12px;
  font-weight:650;
}

/* Category grid */
.category-grid{
  position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.category{min-width:0;padding:25px 22px 24px;border-right:1px solid var(--line)}
.category:nth-child(3n){border-right:0}
.category:nth-child(n+4){border-top:1px solid var(--line)}
.category-head{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;margin-bottom:15px}
.category-icon{
  width:32px;
  line-height:1;
  text-align:center;
  font-size:27px;
  padding-top:1px;
  filter:saturate(.92);
}
.category h2,.category h3{margin:0;font-size:18px;line-height:1.13;font-weight:900;letter-spacing:-.3px}
.category-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:5px}
.category-blurb{color:var(--muted);font-size:10.5px;line-height:1.3}
.count{
  color:var(--orange-text);background:var(--orange-soft);
  padding:3px 5px;font-size:12px;font-weight:950;letter-spacing:.45px;text-transform:uppercase;white-space:nowrap;
}
.checked{
  color:#596067;font-size:12px;font-weight:800;letter-spacing:.25px;white-space:nowrap;
}
.site-list{list-style:none;padding:0;margin:0}
.site-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;min-height:34px}
.site-link{
  min-width:0;display:grid;grid-template-columns:22px minmax(0,1fr);
  align-items:center;gap:8px;padding:6px 5px;border-radius:3px;font-size:13px;font-weight:680;
}
.site-link:hover,.site-link:focus{background:var(--orange-soft);color:var(--orange-text);outline-offset:4px}
.favicon{width:16px;height:16px;object-fit:contain;justify-self:center}
.view-all{
  display:inline-block;margin-top:12px;color:var(--orange-text);
  font-size:12px;font-weight:950;letter-spacing:.7px;text-transform:uppercase;
}
.view-all:hover,.view-all:focus{text-decoration:underline}


/* Useful old-web cue: the browser privately remembers where you've already been. */
.site-link:visited:not(:hover):not(:focus){
  color:#5B3F91;
}

/* Elastic structural rules: only fine pointers. */
.category-grid.elastic-active{border-top-color:transparent;border-bottom-color:transparent}
.category-grid.elastic-active .category{border-right-color:transparent;border-top-color:transparent}
.elastic-line{position:absolute;z-index:20;pointer-events:none}
.elastic-line.h{left:0;width:100%;height:10px;transform:translateY(-5px)}
.elastic-line.v{top:0;height:100%;width:10px;transform:translateX(-5px)}
.elastic-line svg{width:100%;height:100%;display:block;overflow:visible}
.elastic-line path{fill:none;stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}
.elastic-line.dragging path{stroke:var(--orange);stroke-width:2}
@media (hover:hover) and (pointer:fine) and (min-width:1050px){
  .elastic-line{pointer-events:auto}
  .elastic-line.h{cursor:ns-resize}
  .elastic-line.v{cursor:ew-resize}
}
.rank-source{display:none}
[data-ranked="true"] .rank-source{display:inline}
.categories-link{text-align:center;padding:19px 0 25px}
.categories-link a{color:var(--orange-text);font-size:12px;font-weight:950;letter-spacing:.65px;text-transform:uppercase}
.categories-link a:hover{text-decoration:underline}

/* Fixed return feedback */
.feedback{
  position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:100;
  display:none;width:min(650px,calc(100% - 28px));padding:9px 11px;background:#fff;
  border:1px solid #b8bec5;box-shadow:0 10px 26px rgba(20,20,20,.16);
  align-items:center;justify-content:space-between;gap:12px;font-size:12px;
}
.feedback.show{display:flex}
.feedback-actions{display:flex;gap:6px}
.feedback button{border:1px solid var(--ink);background:#fff;padding:6px 10px;font-weight:850;cursor:pointer}
.feedback button:hover,.feedback button:focus{background:var(--orange);outline-offset:4px}
.feedback .dismiss{border:0;color:var(--muted)}

/* Hidden page-corner poll */
.peel-zone{position:relative;height:43px}
.peel-panel{
  position:absolute;right:0;bottom:0;width:0;height:0;overflow:hidden;
  background:var(--ink);color:#fff;z-index:25;display:flex;align-items:flex-end;justify-content:flex-end;
  transition:width .36s cubic-bezier(.16,1,.3,1),height .36s cubic-bezier(.16,1,.3,1);
}
.peel-panel.open{width:min(320px,90vw);height:184px}
.poll{min-width:290px;padding:18px}
.poll-question{font-size:15px;font-weight:950;text-transform:uppercase;line-height:1.2;margin-bottom:12px}
.poll-actions{display:flex;gap:8px}
.poll-actions button{border:0;background:#fff;color:var(--ink);padding:8px 14px;font-weight:950;cursor:pointer}
.poll-actions button:hover,.poll-actions button:focus{background:var(--orange);outline-offset:4px}
.poll-result{font-size:12px;line-height:1.6;font-weight:800}
.peel{
  position:absolute;right:0;bottom:0;width:35px;height:35px;border:0;z-index:26;cursor:nwse-resize;
  background:linear-gradient(135deg,transparent 0 47%,#b7bcc2 48% 51%,#e7eaed 52% 74%,#fff 75%);
}
.peel:focus{outline:2px solid var(--orange-text);outline-offset:2px}

/* Inner pages */
.page-hero{padding:30px 0 20px;border-bottom:1px solid var(--line)}
.crumb{font-size:12px;color:var(--muted);margin-bottom:13px}
.crumb a:hover{color:var(--orange-text)}
.eyebrow{font-size:12px;font-weight:950;letter-spacing:.85px;text-transform:uppercase;color:var(--orange-text);margin-bottom:7px}
.page-hero h1{margin:0;font-size:clamp(30px,4vw,44px);font-weight:950;letter-spacing:-1px;text-transform:uppercase}
.page-hero .intro{max-width:760px;color:var(--muted);font-size:13px;line-height:1.55}
.page-hero .count{display:inline-block;margin-top:7px}
.ranked-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ranked-list .site-row{grid-template-columns:34px minmax(0,1fr) auto;border-bottom:1px solid var(--line);min-height:48px}
.ranked-list .site-link{font-size:14px;padding:9px 4px}
.page-note{max-width:800px;color:var(--muted);font-size:10.5px;line-height:1.55;margin:18px 0 30px}

/* Simple pages/forms */
.simple-page{max-width:800px;padding:38px 0 56px}
.simple-page h1{font-size:38px;text-transform:uppercase;letter-spacing:-.7px}
.simple-page h2{font-size:20px;margin-top:30px}
.simple-page p,.simple-page li{color:#50555a;line-height:1.65;font-size:13px}
.form{display:grid;gap:13px;max-width:620px}
.form label{font-size:12px;font-weight:850}
.form input,.form textarea{
  width:100%;border:1px solid #b8bec5;background:#fff;padding:10px 11px;border-radius:0;
}
.form textarea{min-height:120px;resize:vertical}
.form button{justify-self:start;border:1px solid var(--ink);background:var(--orange);padding:9px 15px;font-weight:900;cursor:pointer}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Random */
.random-page{max-width:820px;padding:38px 0 28px}
.random-page h1{margin:0 0 10px;font-size:clamp(36px,6vw,68px);text-transform:uppercase}
.random-page p{color:var(--muted);line-height:1.55}
.random-big{
  display:inline-block;margin:16px 0 26px;background:var(--orange);border:2px solid var(--ink);
  box-shadow:4px 4px 0 var(--ink);padding:15px 24px;font-size:18px;font-weight:950;text-transform:uppercase;
}
.random-list{border-top:1px solid var(--line);margin-top:22px}

/* Footer */
footer{background:#141414;color:#f2f2f2;padding:24px 0 27px}
.footer-grid{
  width:min(var(--content),calc(100% - 44px));margin:auto;
  display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px;
}
.footer-brand{font-family:"Arial Black",Arial,Helvetica,sans-serif;font-size:18px;font-weight:950;letter-spacing:-.6px}
.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;font-weight:750}
.footer-links a:hover{color:#ff9b81}

/* Responsive */
@media(max-width:1049px){
  .elastic-line{display:none!important}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category{border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-top:0}
  .category:nth-child(2n){border-right:0}
  .category:nth-child(n+3){border-top:0}
}
@media(max-width:699px){
  .wrap,.mast-inner,.footer-grid{width:min(100% - 28px,var(--content))}
  .mast-inner{padding:11px 0 13px}
  .mast-nav{justify-content:center;gap:15px;margin-bottom:6px;font-size:12px}
  .wordmark{font-size:clamp(34px,11vw,44px);letter-spacing:-2.3px}
  .brand-line{font-size:12px;margin-top:5px}
    .wordmark-mark{transform:translateY(-16px) rotate(8deg);font-size:14px}
  .asterisk-note{top:60px}
  .mast-action{margin-top:7px}
  .cta{padding:7px 13px;font-size:12px}
  .section-intro h1,.section-intro h2{font-size:28px}
  .category-grid{grid-template-columns:1fr}
  .category{border-right:0!important;padding:23px 4px 22px}
  .feedback{align-items:flex-start;flex-direction:column}
  .feedback-actions{width:100%}.feedback-actions button{flex:1}
  .footer-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .elastic-line{display:none!important}
}

@media(min-width:700px){
  .catalogue-status::before{
    content:"·";
    display:inline-block;
    margin-right:10px;
    color:#a3a8ad;
    font-size:13px;
    font-weight:700;
    vertical-align:-1px;
  }
}

/* Progressive controls are dormant without JavaScript. */
html:not(.js) .peel-zone,html:not(.js) .wordmark-mark{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.guide-list{padding-left:20px}.guide-list li{margin:20px 0}.guide-list a{font-weight:800;text-decoration:underline}
:focus-visible{outline:2px solid var(--orange-text);outline-offset:3px}

/* Editorial guide context and supporting navigation. */
.guide-reason{grid-column:2 / -1;margin:0 0 16px;font-size:15px;line-height:1.6;color:#555;max-width:70ch}.related{margin:40px 0}.related h2{font-size:18px}.related a{display:inline-block;margin:4px 0}.crumb{margin-bottom:24px;line-height:1.6}.form select{width:100%;padding:12px;border:1px solid #aaa;background:#fff;color:#222;font:inherit}

/* Keep missing preview images out of layout, including under the shared img rule. */
[hidden]{display:none!important}
.brand-line{position:relative}
.asterisk-note{top:50%;bottom:auto;padding:1px 8px;transform:translate(-50%,-50%)}
.asterisk-note.show{transform:translate(-50%,-50%)}
.brand-line:has(.asterisk-note.show) .brand-tagline{visibility:hidden}
.row-description,.row-date{grid-column:2 / -1;line-height:1.5;color:var(--muted);margin:0 4px 12px;max-width:70ch}
.row-description{font-size:14px}
.row-date{font-size:12px}

/* The desktop masthead retains its original order. */
.mast-inner{display:grid;grid-template-columns:1fr}
.identity{display:contents}
.brand-lockup{grid-row:2;text-align:center}
.mast-nav{grid-row:1}
.brand-line{grid-row:3;text-align:center}
.mast-action{grid-row:4}
.masthead a:focus-visible,.wordmark-mark:focus-visible{outline:2px solid var(--orange-text);outline-offset:3px}
@media(max-width:699px){
  .masthead{border-bottom:2px solid var(--ink)}
  .mast-inner{width:calc(100% - 32px);display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;padding:19px 0 15px}
  .identity{display:contents}
  .brand-lockup{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;justify-content:center;min-height:44px}
  .wordmark{font-size:clamp(29px,9.4vw,43px);letter-spacing:-1.8px;line-height:1;min-height:44px;align-items:center;white-space:nowrap}
  .wordmark-mark{flex:0 0 44px;width:44px;height:44px;margin:0;padding:0;font-size:32px;line-height:1;transform:rotate(8deg);align-self:center}
  .brand-line{grid-column:1 / -1;grid-row:2;text-align:center;margin:4px 0 18px;font-size:12px;line-height:18px;font-weight:600;color:#555}
  .asterisk-note{font-size:12px;line-height:16px}
  .mast-nav{grid-column:1;grid-row:3;order:0;justify-content:space-between;gap:4px;margin:0;font-size:12px;min-width:0}
  .mast-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 3px}
  .mast-action{grid-column:2;grid-row:3;margin:0;align-items:center}
  .cta{min-height:44px;padding:0 12px;font-size:12px;letter-spacing:.2px;box-shadow:3px 3px 0 var(--ink);white-space:nowrap}
}
@media(max-width:359px){
 .mast-inner{column-gap:8px}
 .mast-nav{font-size:12px}
 .cta{padding-inline:9px;font-size:12px}
}

/* One balanced introduction on every viewport. */
.section-title-row{align-items:center;gap:12px 20px;padding-top:7px}
.section-title-row h1,.section-title-row .catalogue-status{font-size:24px;line-height:1.25;letter-spacing:-.5px}
.section-title-row h1{font-weight:850}
.section-title-row .catalogue-status{font-weight:650;color:#555b60;white-space:normal}
.section-title-row .catalogue-status::before{font-size:inherit;margin-right:20px}
.section-title-row + p{font-size:12px;margin-top:10px}
@media(max-width:699px){
 .section-title-row{flex-direction:column;gap:5px;padding-top:5px}
 .section-title-row h1,.section-title-row .catalogue-status{font-size:20px;letter-spacing:-.3px}
 .section-title-row + p{margin-top:9px}
}

@media(min-width:700px){
 .mast-nav{font-size:12px;min-height:24px}
 .category-meta{align-items:flex-start;flex-direction:column;gap:6px}
 .category-head{min-height:66px;margin-bottom:12px}
 .category-blurb{font-size:12px;line-height:1.4}
 .count{font-size:12px;letter-spacing:.25px}
 .view-all{font-size:12px;letter-spacing:.4px}
}

/* October design checkpoint: homepage and Weird. Other templates retain their layout. */
.distractory{--content:1240px;--line:#d6d6d2}
.distractory .mast-inner{display:grid;grid-template-columns:1fr auto;align-items:center;padding:24px 0 20px;gap:4px 28px}
.distractory .brand-lockup{grid-column:1;grid-row:1;display:flex;align-items:center;text-align:left;justify-content:flex-start}
.distractory .wordmark{font-family:Georgia,'Times New Roman',serif;font-size:40px;font-weight:900;letter-spacing:-2.4px;line-height:1;transform:scaleX(.95);transform-origin:left center}
.distractory .wordmark-mark{width:44px;height:44px;margin-left:-7px;font:900 48px Georgia,serif;transform:rotate(12deg);padding-top:5px}
.distractory .brand-line{grid-column:1;grid-row:2;text-align:left;margin:0;font-size:12px}
.distractory .asterisk-note{left:0;transform:translateY(-50%);font-size:12px}
.distractory .mast-nav{grid-column:2;grid-row:1 / 3;gap:24px;margin:0;font-size:14px}
.distractory .mast-nav a{min-height:44px;display:flex;align-items:center}
.distractory .mast-action{display:none}
.distractory main{padding-top:28px}
.distractory .kicker{font-size:12px;line-height:1.5;font-weight:800;letter-spacing:1.2px;margin:0 0 15px}
.discovery-intro{display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:center;padding:14px 0 36px}
.discovery-intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,5.3vw,72px);letter-spacing:-3.5px;line-height:1.02;margin:0;font-weight:900}
.discovery-intro h1 em{color:var(--orange-text);font-weight:500}
.discovery-copy{font-size:17px;line-height:1.55;max-width:530px;margin:20px 0 0;color:#515151}
.discovery-action{text-align:center;position:relative;padding-top:6px}
.orbit-mark{display:block;width:114px;height:114px;margin:0 auto 15px;transform:rotate(-12deg);color:var(--orange)}
.distractory svg{width:100%;height:100%;display:block}
.distractory svg .eye{fill:var(--ink)}
.distractory svg .ink{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.discovery-cta{min-height:62px;width:100%;font-size:22px;letter-spacing:-.5px;text-transform:none;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);justify-content:space-between;padding:12px 22px}
.discovery-cta span{font-size:30px}
.discovery-action p{font-size:13px;line-height:1.5;max-width:230px;margin:14px auto 0;color:#555}
.editor-pick{display:grid;grid-template-columns:230px 1fr;gap:28px;padding:22px 0;border-block:1px solid var(--ink);align-items:center}
.pick-image{overflow:hidden;display:block;border:1px solid var(--line)}
.pick-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top}
.editor-pick .kicker{color:var(--orange-text);margin-bottom:7px;font-size:12px}
.editor-pick h2{font-size:24px;letter-spacing:-.6px;line-height:1.2;margin:0 0 9px;max-width:690px}
.editor-pick p:not(.kicker){font-size:15px;line-height:1.5;margin:0 0 9px;max-width:700px;color:#555}
.pick-signature{font-family:Georgia,serif;font-style:italic;font-size:14px}
.browse-heading{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:36px 0 23px}
.browse-heading h2{font-family:Georgia,serif;font-size:32px;letter-spacing:-1px;margin:0}
.browse-heading>span{font-size:14px;color:#555}
.distractory .category{padding:25px 24px 18px}
.distractory .category-head{grid-template-columns:48px 1fr;gap:13px;min-height:92px;margin:0 0 12px}
.distractory .category-icon{width:48px;height:48px;color:var(--orange);padding:0;filter:none;transform:rotate(-6deg)}
.distractory .category:nth-child(even) .category-icon{transform:rotate(7deg)}
.distractory .category h2{font-size:23px;line-height:1.12;letter-spacing:-.7px}
.distractory .category-meta{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.distractory .category-blurb{font-size:14px;line-height:1.4}
.distractory .count{font-size:12px;background:transparent;padding:0;color:#646464;letter-spacing:0;text-transform:none;font-weight:600}
.distractory .site-row{display:block;border-bottom:1px solid #ececea;padding:10px 0 12px;min-height:44px}
.distractory .site-link{font-size:17px;min-height:44px;padding:6px 0;font-weight:750;grid-template-columns:20px 1fr;gap:8px}
.distractory .row-description{display:block;margin:0 0 0 28px;font-size:15px;line-height:1.5;color:#575757;max-width:60ch}
.distractory .view-all{display:inline-flex;align-items:center;min-height:44px;font-size:13px;margin-top:10px;letter-spacing:0;text-transform:none}
.distractory .categories-link{padding:20px 0}
.distractory .categories-link a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-transform:none;letter-spacing:0}
.distractory .page-hero{position:relative;padding:22px 140px 30px 0}
.distractory .page-hero h1{font:900 clamp(42px,5vw,68px)/1.05 Georgia,serif;letter-spacing:-2.5px;text-transform:none}
.distractory .page-hero .intro{font-size:18px;line-height:1.55;max-width:640px}
.distractory .eyebrow{font-size:12px}
.category-emblem{position:absolute;right:15px;top:20px;width:115px;height:115px;transform:rotate(12deg);color:var(--orange)}
.distractory .ranked-list{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;border-top:0}
.distractory .ranked-list .site-row{padding:18px 0 22px}
.distractory .ranked-list .site-link{font-size:22px}
.distractory .ranked-list .row-description{font-size:16px}
.distractory .crumb{font-size:13px}
.distractory .related a{min-height:44px;padding:10px 0}
.distractory .footer-links{font-size:12px;gap:8px 22px}
.distractory .footer-links a{display:inline-flex;align-items:center;min-height:44px}
.distractory .checked{font-size:12px;white-space:normal}
.distractory a:focus-visible{outline:2px solid var(--orange-text);outline-offset:4px}
@media(max-width:1049px){
 .discovery-intro{grid-template-columns:1fr 240px;gap:24px}
 .distractory .mast-nav{gap:15px}
 .distractory .category-head{min-height:82px}
}
@media(max-width:699px){
 .distractory .mast-inner{width:calc(100% - 36px);grid-template-columns:1fr;padding:16px 0 8px;gap:0}
 .distractory .brand-lockup{justify-content:center;grid-column:1;grid-row:1}
 .distractory .wordmark{font-size:35px;letter-spacing:-2px;transform:none;min-height:44px}
 .distractory .wordmark-mark{font-size:43px;margin-left:0;flex-basis:36px;width:36px}
 .distractory .brand-line{grid-column:1;grid-row:2;text-align:center;font-size:12px;margin:0 0 8px}
 .distractory .asterisk-note{left:50%;transform:translate(-50%,-50%)}
 .distractory .mast-nav{grid-column:1;grid-row:3;justify-content:center;gap:22px;font-size:13px}
 .distractory .mast-nav a{padding:0;min-width:44px}
 .distractory .wrap{width:calc(100% - 36px)}
 .distractory main{padding-top:24px}
 .discovery-intro{grid-template-columns:1fr;gap:20px;padding:0 0 28px}
 .distractory .kicker{font-size:12px;letter-spacing:.8px;margin-bottom:12px}
 .discovery-intro h1{font-size:clamp(39px,10.8vw,58px);letter-spacing:-2px}
 .discovery-copy{font-size:16px;margin-top:15px}
 .discovery-action{padding:0}
 .orbit-mark{display:none}
 .discovery-cta{min-height:56px;font-size:21px}
 .discovery-action p{max-width:none;font-size:12px;margin:13px 0 0}
 .editor-pick{grid-template-columns:86px 1fr;gap:15px;padding:20px 0;align-items:start}
 .pick-image img{aspect-ratio:1;object-fit:cover}
 .editor-pick .kicker{font-size:12px;letter-spacing:.6px;margin:0 0 7px}
 .editor-pick h2{font-size:19px;line-height:1.2}
 .editor-pick p:not(.kicker){font-size:14px}
 .pick-signature{font-size:12px}
 .browse-heading{display:block;padding:28px 0 18px}
 .browse-heading h2{font-size:29px;margin-bottom:8px}
 .browse-heading>span{font-size:13px}
 .distractory .category{padding:23px 0 15px}
 .distractory .category-head{min-height:0;margin-bottom:12px;grid-template-columns:48px 1fr}
 .distractory .category-meta{gap:5px}
 .distractory .category h2{font-size:24px}
 .distractory .site-link{font-size:18px}
 .distractory .row-description{font-size:16px}
 .distractory .page-hero{padding:5px 0 24px}
 .category-emblem{position:static;width:65px;height:65px;float:right;margin:0 0 8px 12px}
 .distractory .page-hero h1{font-size:44px;letter-spacing:-2px}
 .distractory .page-hero .intro{font-size:16px;clear:both}
 .distractory .ranked-list{grid-template-columns:1fr;gap:0}
 .distractory .ranked-list .site-row{padding:12px 0 18px}
 .distractory .ranked-list .site-link{font-size:20px}
}
/* Small supporting copy remains readable on narrow screens. */
@media(max-width:699px){
 .distractory .kicker,.editor-pick .kicker{font-size:12px;letter-spacing:.4px}
}

/* Selected Microsoft Fluent Color artwork, kept upright and unfiltered. */
.category-icon{width:32px;height:32px;filter:none}
.category-art{width:100%;height:100%;object-fit:contain}
.distractory .category-head{grid-template-columns:52px minmax(0,1fr)}
.distractory .category-icon{width:52px;height:52px;transform:none;filter:none}
.distractory .category:nth-child(even) .category-icon{transform:none}
.distractory .orbit-mark{width:88px;height:88px;transform:none}
.distractory .category-emblem{transform:none}

/* Shared editorial templates. */
.distractory .simple-page{max-width:800px;padding-bottom:64px}
.distractory .simple-page h1,.distractory .section-intro h1,.distractory .random-page h1{font:700 clamp(38px,5vw,60px)/1.08 Georgia,serif;text-transform:none;letter-spacing:-2px;margin:16px 0 24px}
.distractory .simple-page p,.distractory .simple-page li{font-size:17px;line-height:1.7}
.distractory .simple-page p a,.distractory .page-hero p a{text-decoration:underline;text-underline-offset:3px}
.distractory .section-intro{text-align:left;margin:0 0 30px}
.distractory .section-intro p{font-size:16px;line-height:1.5;font-weight:400}
.distractory .simple-page .ranked-list,.distractory .random-list{grid-template-columns:1fr}
.distractory .guide-reason{margin:12px 0 0 28px;font-size:16px;line-height:1.6;padding-left:12px;border-left:2px solid var(--orange)}
.distractory .row-date{display:block;margin:9px 0 0 28px;font-size:13px}
.distractory .form{gap:22px;margin-top:30px}
.distractory .form label{font-size:15px;line-height:1.6}
.distractory .form input,.distractory .form textarea,.distractory .form select{font-size:16px;margin-top:7px;min-height:48px}
.distractory .form button,.distractory .feedback button{min-height:44px;padding:10px 18px}
.distractory .feedback{font-size:15px;padding:15px}
.distractory .guide-list{list-style:none;padding:0}
.distractory .guide-list li{padding:22px 0;border-bottom:1px solid var(--line);margin:0}
.distractory .guide-list a{font-size:22px;display:inline-block;min-height:44px}
.distractory .guide-list p{margin:4px 0 0}
.distractory .random-big{font-size:20px;min-height:56px;text-transform:none}
.distractory .categories-page .category-head{min-height:98px}
@media(max-width:699px){
 .distractory .simple-page h1,.distractory .section-intro h1,.distractory .random-page h1{font-size:40px}
 .distractory .simple-page p,.distractory .simple-page li{font-size:16px}
 .distractory .categories-page .category-head{min-height:0}
 .distractory .random-big{display:block;text-align:center;padding:16px 10px}
}
.distractory .page-hero:not(:has(.category-emblem)){padding-right:0}
.recovery-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}.recovery-links a,.feedback-actions a{display:inline-flex;align-items:center;min-height:44px;padding:10px;color:var(--orange-text);font-weight:700}.outbound-note{font-size:14px}.related ul{list-style:none;padding:0}.related li{margin:3px 0}@media(max-width:699px){.recovery-links{grid-template-columns:1fr}}
.filter-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:26px 0}.filter-links>span{font-size:14px;font-weight:700;margin-right:6px}.filter-links a{display:inline-flex;align-items:center;min-height:44px;border:1px solid #b8b8b4;border-radius:24px;padding:10px 18px;font-size:14px}.filter-links a:hover,.filter-links a[aria-current]{background:var(--orange-soft);border-color:var(--orange-text);color:var(--orange-text)}.distractory .category:last-child{border-right:0}
/* Keep the label separate and all choices together, including at 320px. */
.filter-links{display:grid;grid-template-columns:repeat(3,max-content);gap:8px;justify-content:start}
.filter-links>span{grid-column:1 / -1;margin:0 0 2px}
.filter-links:has([data-filter]){grid-template-columns:repeat(4,max-content)}
.filter-links a{justify-content:center;white-space:nowrap;padding:10px 14px}
@media(max-width:699px){
 .filter-links,.filter-links:has([data-filter]){width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .filter-links:has([data-filter]){grid-template-columns:1fr .85fr 1.25fr 1fr}
 .filter-links a{padding:9px 5px;font-size:12px;min-height:44px}
}
.quarantine{border-top:2px solid var(--ink);margin:38px 0 20px;padding:30px 0;color:#555}.quarantine h2{font:700 34px Georgia,serif;color:var(--ink);margin:8px 0 16px}.quarantine>p{max-width:780px;font-size:16px;line-height:1.6}.quarantine ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:26px}.quarantine li{border-top:1px solid var(--line);padding-top:16px}.quarantine h3{color:var(--ink);font-size:18px;margin:0 0 9px}.quarantine li p{font-size:14px;line-height:1.6}.quarantine small{font-size:12px}@media(max-width:699px){.quarantine ul{grid-template-columns:1fr}}
/* Compact directory summary; detailed explanations live on /quarantine/. */
.distractory .quarantine-summary{border-top:1px solid var(--line);padding:24px;margin:24px 0 12px}
.distractory .quarantine-summary .category-head{display:block;min-height:0;margin-bottom:15px}
.distractory .quarantine-summary h2{font-family:var(--sans);font-size:23px;letter-spacing:-.7px;line-height:1.12;margin:0}
.distractory .quarantine-summary .category-meta{flex-direction:row;gap:12px;align-items:center}
.distractory .quarantine-summary .quarantine-names{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;margin:0;list-style:none;padding:0}
.distractory .quarantine-summary .quarantine-names li{border:0;padding:7px 0;font-size:15px;line-height:1.4;color:#555}
.quarantine-details{list-style:none;padding:0}.quarantine-details li{border-top:1px solid var(--line);padding:18px 0}.quarantine-details h3{margin:0;font-size:20px}.quarantine-details small{font-size:13px}
@media(max-width:699px){.distractory .quarantine-summary{padding:23px 0}.distractory .quarantine-summary .quarantine-names{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}}

/* Final product review: shared controls, focus, and directory hierarchy. */
.distractory .mast-action{display:flex;justify-content:center;margin:10px 0 12px}
.distractory .mast-action .cta{font-size:15px;min-height:44px;padding:10px 20px;text-transform:none}
.distractory .footer-brand{font-family:Georgia,serif;font-weight:900;letter-spacing:-1px}
.distractory .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.distractory .category{border-right:0;border-bottom:1px solid var(--line)}
.distractory .category:nth-child(odd){border-right:1px solid var(--line)}
.distractory .category:last-child:nth-child(odd){grid-column:1/-1;border-right:0}
.distractory .row-description{font-size:16px}
.distractory .kicker{font-size:12px}
.distractory :is(button,.cta,.random-big){text-transform:none;letter-spacing:0}
.distractory :is(a,button,input,select,textarea):focus-visible{outline:3px solid #993719!important;outline-offset:4px!important}
.input-note,.classic-label{display:block;margin:8px 0 0 28px;font-size:12px;line-height:1.5;color:#555}
.classic-label{display:inline-flex;align-items:center;min-height:44px;border:1px solid #999;border-radius:4px;padding:4px 9px;color:#333;text-decoration:none}
.home-guides{padding:24px 0 36px}.home-guides h2{font:700 28px Georgia,serif}.home-guides ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px 28px}.home-guides a{display:inline-flex;min-height:44px;align-items:center}
.classic-sources,.maker-projects{max-width:760px;padding:24px 0;line-height:1.7}.maker-projects li{margin:12px 0}
.distractory .random-page{padding-top:16px}
.distractory .pick-image img{filter:none;opacity:1}
@media(max-width:699px){
 .distractory .category-grid{grid-template-columns:1fr}
 .distractory .category:nth-child(odd){border-right:0}
 .distractory .page-hero h1{font-size:34px;line-height:1.12;letter-spacing:-1.2px;margin:12px 0 16px}
 .distractory .page-hero{padding-right:0}
 .distractory .category-emblem{position:static;float:right;width:52px;height:52px;margin:0 0 10px 12px}
 .distractory .mast-action{margin:6px 0 10px}
}
.distractory .mast-action{grid-column:2;grid-row:2;justify-content:flex-end}
@media(max-width:699px){.distractory .mast-action{grid-column:1;grid-row:4;justify-content:center}.distractory .mast-action .cta{min-width:170px}}
@media(min-width:700px){.distractory .mast-inner:has(.mast-action) .mast-nav{grid-row:1;align-self:center}.distractory .mast-action{align-self:start;margin-top:0}}
.distractory .editor-pick .kicker{font-size:12px}

/* Supplied outlined logo: retain room above the mark for the wandering dot. */
.distractory .masthead,.distractory .mast-inner,.distractory .identity,.distractory .brand-lockup{overflow:visible}
.distractory .masthead .dlogo{--dlogo-height:44px;color:#141414;min-height:44px}
.distractory .dlogo svg{width:auto;height:var(--dlogo-height);overflow:visible}
.distractory .footer-brand .dlogo{--dlogo-height:36px;color:#fff;min-height:44px}
.distractory .mast-inner{padding-top:40px}
@media(max-width:599px){.distractory .masthead .dlogo{--dlogo-height:36px}}

.honeypot[hidden]{display:none!important}
.category-head h2 a{color:inherit;text-decoration:none}.category-head h2 a:hover{text-decoration:underline}
.category-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:20px 0 32px;border-block:1px solid var(--line)}
.category-index a{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:48px;padding:10px 0;color:var(--ink);font-weight:700;text-decoration:none;border-bottom:1px solid var(--line)}
.category-index a:hover{text-decoration:underline}.category-index span{color:#666;font-size:13px;font-weight:400}
.random-options{display:inline-flex;min-height:44px;align-items:center;color:var(--orange-text);font-size:14px}
.classic-sources p[id]{scroll-margin-top:24px}
@media(max-width:599px){.category-index{grid-template-columns:1fr}}

/* Distractory animated logo. Units inside the SVG are font units (1em = 1000). */
.dlogo{display:inline-flex;align-items:center;line-height:0;color:inherit;text-decoration:none}
.dlogo svg{height:var(--dlogo-height,44px);width:auto;overflow:visible;display:block}
.dlogo:focus-visible{outline:2px solid #A93418;outline-offset:6px;border-radius:6px}
.dlogo .dl-dot{transform-box:fill-box;transform-origin:center;transform:translate(170px,-130px)}
.dlogo .dl-i{transform-box:fill-box;transform-origin:center bottom}
.dlogo .dl-pupils{transform:translate(6.19px,-5.06px)}
.dlogo.is-pre .dl-dot,.dlogo.is-home .dl-dot{transform:none}
.dlogo.is-pre .dl-pupils,.dlogo.is-home .dl-pupils{transform:translate(6.67px,-4.42px)}
.dlogo.is-load .dl-dot{animation:dl-load 1.4s linear forwards}
.dlogo.is-load .dl-pupils{animation:dl-load-eyes 1.4s linear forwards}
.dlogo.is-to-home .dl-dot{animation:dl-ah 1.1s linear forwards}
.dlogo.is-to-home .dl-pupils{animation:dl-ah-eyes 1.1s linear forwards}
.dlogo.is-to-home .dl-i{animation:dl-catch 0.45s ease-out 0.9s}
.dlogo.is-out-b .dl-dot{animation:dl-ab 1.4s linear forwards}
.dlogo.is-out-b .dl-pupils{animation:dl-ab-eyes 1.4s linear forwards}
.dlogo.is-out-c .dl-dot{animation:dl-ac 1.4s linear forwards}
.dlogo.is-out-c .dl-pupils{animation:dl-ac-eyes 1.4s linear forwards}
.dlogo.is-hout-b .dl-dot{animation:dl-hb 1.4s linear forwards}
.dlogo.is-hout-b .dl-pupils{animation:dl-hb-eyes 1.4s linear forwards}
.dlogo.is-hout-c .dl-dot{animation:dl-hc 1.4s linear forwards}
.dlogo.is-hout-c .dl-pupils{animation:dl-hc-eyes 1.4s linear forwards}
.dlogo.is-back-b .dl-dot{animation:dl-ba 1.1s linear forwards}
.dlogo.is-back-b .dl-pupils{animation:dl-ba-eyes 1.1s linear forwards}
.dlogo.is-back-c .dl-dot{animation:dl-ca 1.1s linear forwards}
.dlogo.is-back-c .dl-pupils{animation:dl-ca-eyes 1.1s linear forwards}
@media (prefers-reduced-motion: reduce){
  .dlogo .dl-dot{animation:none !important;transform:translate(170px,-130px) !important}
  .dlogo .dl-i{animation:none !important}
  .dlogo .dl-pupils{animation:none !important;transform:translate(6.19px,-5.06px) !important}
}
@keyframes dl-load{0%{transform:translate(0px,0px) scale(1,1)}7%{transform:translate(0px,30px) scale(1.18,0.8)}13%{transform:translate(0px,0px) scale(1,1)}17.786%{transform:translate(0px,-3px) scale(0.86,1.16)}22.571%{transform:translate(1px,-20px) scale(0.86,1.16)}27.357%{transform:translate(3px,-65px) scale(0.94,1.07)}32.143%{transform:translate(9px,-145px) scale(1,1)}36.929%{transform:translate(21px,-253px) scale(1,1)}41.714%{transform:translate(43px,-361px) scale(1,1)}46.5%{transform:translate(79px,-418px) scale(1,1)}51.286%{transform:translate(116px,-377px) scale(1,1)}56.071%{transform:translate(142px,-297px) scale(1,1)}60.857%{transform:translate(157px,-223px) scale(1,1)}65.643%{transform:translate(165px,-171px) scale(1,1)}70.429%{transform:translate(168px,-142px) scale(1,1)}75.214%{transform:translate(170px,-132px) scale(1,1)}80%{transform:translate(170px,-130px) scale(1,1)}87%{transform:translate(170px,-105px) scale(1.2,0.8)}93%{transform:translate(170px,-140px) scale(0.95,1.05)}100%{transform:translate(170px,-130px) scale(1,1)}}
@keyframes dl-load-eyes{0%{transform:translate(6.67px,-4.42px)}7%{transform:translate(6.67px,-4.42px)}13%{transform:translate(6.84px,-4.15px)}17.786%{transform:translate(6.67px,-4.42px)}22.571%{transform:translate(6.66px,-4.44px)}27.357%{transform:translate(6.56px,-4.58px)}32.143%{transform:translate(6.3px,-4.93px)}36.929%{transform:translate(5.87px,-5.44px)}41.714%{transform:translate(5.33px,-5.96px)}46.5%{transform:translate(4.88px,-6.34px)}51.286%{transform:translate(4.71px,-6.47px)}56.071%{transform:translate(4.94px,-6.29px)}60.857%{transform:translate(5.33px,-5.96px)}65.643%{transform:translate(5.71px,-5.61px)}70.429%{transform:translate(5.98px,-5.32px)}75.214%{transform:translate(6.13px,-5.14px)}80%{transform:translate(6.18px,-5.07px)}87%{transform:translate(6.19px,-5.06px)}93%{transform:translate(6.32px,-4.9px)}100%{transform:translate(6.19px,-5.06px)}}
@keyframes dl-ah{0%{transform:translate(170px,-130px) scale(1,1)}7%{transform:translate(170px,-100px) scale(1.18,0.8)}13%{transform:translate(170px,-130px) scale(1,1)}17.786%{transform:translate(170px,-131px) scale(0.86,1.16)}22.571%{transform:translate(169px,-140px) scale(0.86,1.16)}27.357%{transform:translate(167px,-164px) scale(0.94,1.07)}32.143%{transform:translate(161px,-205px) scale(1,1)}36.929%{transform:translate(149px,-258px) scale(1,1)}41.714%{transform:translate(127px,-308px) scale(1,1)}46.5%{transform:translate(91px,-316px) scale(1,1)}51.286%{transform:translate(54px,-256px) scale(1,1)}56.071%{transform:translate(28px,-171px) scale(1,1)}60.857%{transform:translate(13px,-95px) scale(1,1)}65.643%{transform:translate(5px,-42px) scale(1,1)}70.429%{transform:translate(2px,-13px) scale(1,1)}75.214%{transform:translate(0px,-2px) scale(1,1)}80%{transform:translate(0px,0px) scale(1,1)}87%{transform:translate(0px,25px) scale(1.2,0.8)}93%{transform:translate(0px,-10px) scale(0.95,1.05)}100%{transform:translate(0px,0px) scale(1,1)}}
@keyframes dl-ah-eyes{0%{transform:translate(6.19px,-5.06px)}7%{transform:translate(6.19px,-5.06px)}13%{transform:translate(6.35px,-4.87px)}17.786%{transform:translate(6.19px,-5.06px)}22.571%{transform:translate(6.19px,-5.07px)}27.357%{transform:translate(6.14px,-5.13px)}32.143%{transform:translate(6.02px,-5.27px)}36.929%{transform:translate(5.8px,-5.51px)}41.714%{transform:translate(5.53px,-5.78px)}46.5%{transform:translate(5.26px,-6.03px)}51.286%{transform:translate(5.16px,-6.11px)}56.071%{transform:translate(5.38px,-5.92px)}60.857%{transform:translate(5.76px,-5.55px)}65.643%{transform:translate(6.15px,-5.12px)}70.429%{transform:translate(6.44px,-4.75px)}75.214%{transform:translate(6.6px,-4.52px)}80%{transform:translate(6.66px,-4.43px)}87%{transform:translate(6.67px,-4.42px)}93%{transform:translate(6.81px,-4.19px)}100%{transform:translate(6.67px,-4.42px)}}
@keyframes dl-ab{0%{transform:translate(170px,-130px) scale(1,1)}7%{transform:translate(170px,-100px) scale(1.18,0.8)}13%{transform:translate(170px,-130px) scale(1,1)}17.786%{transform:translate(171px,-135px) scale(0.86,1.16)}22.571%{transform:translate(179px,-171px) scale(0.86,1.16)}27.357%{transform:translate(203px,-263px) scale(0.94,1.07)}32.143%{transform:translate(258px,-426px) scale(1,1)}36.929%{transform:translate(372px,-647px) scale(1,1)}41.714%{transform:translate(586px,-873px) scale(1,1)}46.5%{transform:translate(938px,-1003px) scale(1,1)}51.286%{transform:translate(1307px,-945px) scale(1,1)}56.071%{transform:translate(1553px,-807px) scale(1,1)}60.857%{transform:translate(1700px,-676px) scale(1,1)}65.643%{transform:translate(1778px,-583px) scale(1,1)}70.429%{transform:translate(1815px,-532px) scale(1,1)}75.214%{transform:translate(1828px,-513px) scale(1,1)}80%{transform:translate(1830px,-510px) scale(1,1)}87%{transform:translate(1830px,-485px) scale(1.2,0.8)}93%{transform:translate(1830px,-520px) scale(0.95,1.05)}100%{transform:translate(1830px,-510px) scale(1,1)}}
@keyframes dl-ab-eyes{0%{transform:translate(6.19px,-5.06px)}7%{transform:translate(6.19px,-5.06px)}13%{transform:translate(6.35px,-4.87px)}17.786%{transform:translate(6.19px,-5.06px)}22.571%{transform:translate(6.17px,-5.09px)}27.357%{transform:translate(6px,-5.29px)}32.143%{transform:translate(5.59px,-5.72px)}36.929%{transform:translate(4.99px,-6.26px)}41.714%{transform:translate(4.4px,-6.68px)}46.5%{transform:translate(4.1px,-6.87px)}51.286%{transform:translate(4.24px,-6.78px)}56.071%{transform:translate(4.79px,-6.41px)}60.857%{transform:translate(5.38px,-5.92px)}65.643%{transform:translate(5.84px,-5.46px)}70.429%{transform:translate(6.15px,-5.11px)}75.214%{transform:translate(6.32px,-4.91px)}80%{transform:translate(6.38px,-4.83px)}87%{transform:translate(6.39px,-4.82px)}93%{transform:translate(6.45px,-4.73px)}100%{transform:translate(6.39px,-4.82px)}}
@keyframes dl-ac{0%{transform:translate(170px,-130px) scale(1,1)}7%{transform:translate(170px,-100px) scale(1.18,0.8)}13%{transform:translate(170px,-130px) scale(1,1)}17.786%{transform:translate(173px,-135px) scale(0.86,1.16)}22.571%{transform:translate(195px,-166px) scale(0.86,1.16)}27.357%{transform:translate(259px,-248px) scale(0.94,1.07)}32.143%{transform:translate(410px,-391px) scale(1,1)}36.929%{transform:translate(723px,-582px) scale(1,1)}41.714%{transform:translate(1305px,-766px) scale(1,1)}46.5%{transform:translate(2265px,-835px) scale(1,1)}51.286%{transform:translate(3272px,-707px) scale(1,1)}56.071%{transform:translate(3945px,-506px) scale(1,1)}60.857%{transform:translate(4345px,-326px) scale(1,1)}65.643%{transform:translate(4559px,-200px) scale(1,1)}70.429%{transform:translate(4660px,-130px) scale(1,1)}75.214%{transform:translate(4695px,-104px) scale(1,1)}80%{transform:translate(4700px,-100px) scale(1,1)}87%{transform:translate(4700px,-75px) scale(1.2,0.8)}93%{transform:translate(4700px,-110px) scale(0.95,1.05)}100%{transform:translate(4700px,-100px) scale(1,1)}}
@keyframes dl-ac-eyes{0%{transform:translate(6.19px,-5.06px)}7%{transform:translate(6.19px,-5.06px)}13%{transform:translate(6.35px,-4.87px)}17.786%{transform:translate(6.19px,-5.06px)}22.571%{transform:translate(6.17px,-5.09px)}27.357%{transform:translate(6.04px,-5.24px)}32.143%{transform:translate(5.75px,-5.57px)}36.929%{transform:translate(5.36px,-5.94px)}41.714%{transform:translate(5.11px,-6.16px)}46.5%{transform:translate(5.24px,-6.05px)}51.286%{transform:translate(5.88px,-5.42px)}56.071%{transform:translate(6.7px,-4.37px)}60.857%{transform:translate(7.25px,-3.37px)}65.643%{transform:translate(7.57px,-2.6px)}70.429%{transform:translate(7.72px,-2.08px)}75.214%{transform:translate(7.79px,-1.81px)}80%{transform:translate(7.82px,-1.71px)}87%{transform:translate(7.82px,-1.69px)}93%{transform:translate(7.84px,-1.6px)}100%{transform:translate(7.82px,-1.69px)}}
@keyframes dl-hb{0%{transform:translate(0px,0px) scale(1,1)}7%{transform:translate(0px,30px) scale(1.18,0.8)}13%{transform:translate(0px,0px) scale(1,1)}17.786%{transform:translate(1px,-6px) scale(0.86,1.16)}22.571%{transform:translate(10px,-50px) scale(0.86,1.16)}27.357%{transform:translate(36px,-165px) scale(0.94,1.07)}32.143%{transform:translate(97px,-366px) scale(1,1)}36.929%{transform:translate(223px,-640px) scale(1,1)}41.714%{transform:translate(459px,-922px) scale(1,1)}46.5%{transform:translate(846px,-1087px) scale(1,1)}51.286%{transform:translate(1253px,-1025px) scale(1,1)}56.071%{transform:translate(1525px,-862px) scale(1,1)}60.857%{transform:translate(1686px,-707px) scale(1,1)}65.643%{transform:translate(1773px,-597px) scale(1,1)}70.429%{transform:translate(1814px,-536px) scale(1,1)}75.214%{transform:translate(1828px,-513px) scale(1,1)}80%{transform:translate(1830px,-510px) scale(1,1)}87%{transform:translate(1830px,-485px) scale(1.2,0.8)}93%{transform:translate(1830px,-520px) scale(0.95,1.05)}100%{transform:translate(1830px,-510px) scale(1,1)}}
@keyframes dl-hb-eyes{0%{transform:translate(6.67px,-4.42px)}7%{transform:translate(6.67px,-4.42px)}13%{transform:translate(6.84px,-4.15px)}17.786%{transform:translate(6.67px,-4.42px)}22.571%{transform:translate(6.64px,-4.47px)}27.357%{transform:translate(6.4px,-4.8px)}32.143%{transform:translate(5.81px,-5.5px)}36.929%{transform:translate(4.95px,-6.28px)}41.714%{transform:translate(4.18px,-6.82px)}46.5%{transform:translate(3.8px,-7.04px)}51.286%{transform:translate(3.95px,-6.96px)}56.071%{transform:translate(4.55px,-6.58px)}60.857%{transform:translate(5.21px,-6.07px)}65.643%{transform:translate(5.75px,-5.56px)}70.429%{transform:translate(6.11px,-5.16px)}75.214%{transform:translate(6.3px,-4.93px)}80%{transform:translate(6.38px,-4.83px)}87%{transform:translate(6.39px,-4.82px)}93%{transform:translate(6.45px,-4.73px)}100%{transform:translate(6.39px,-4.82px)}}
@keyframes dl-hc{0%{transform:translate(0px,0px) scale(1,1)}7%{transform:translate(0px,30px) scale(1.18,0.8)}13%{transform:translate(0px,0px) scale(1,1)}17.786%{transform:translate(3px,-5px) scale(0.86,1.16)}22.571%{transform:translate(26px,-43px) scale(0.86,1.16)}27.357%{transform:translate(93px,-141px) scale(0.94,1.07)}32.143%{transform:translate(249px,-312px) scale(1,1)}36.929%{transform:translate(573px,-541px) scale(1,1)}41.714%{transform:translate(1178px,-765px) scale(1,1)}46.5%{transform:translate(2174px,-864px) scale(1,1)}51.286%{transform:translate(3218px,-739px) scale(1,1)}56.071%{transform:translate(3917px,-529px) scale(1,1)}60.857%{transform:translate(4331px,-339px) scale(1,1)}65.643%{transform:translate(4554px,-205px) scale(1,1)}70.429%{transform:translate(4658px,-132px) scale(1,1)}75.214%{transform:translate(4695px,-104px) scale(1,1)}80%{transform:translate(4700px,-100px) scale(1,1)}87%{transform:translate(4700px,-75px) scale(1.2,0.8)}93%{transform:translate(4700px,-110px) scale(0.95,1.05)}100%{transform:translate(4700px,-100px) scale(1,1)}}
@keyframes dl-hc-eyes{0%{transform:translate(6.67px,-4.42px)}7%{transform:translate(6.67px,-4.42px)}13%{transform:translate(6.84px,-4.15px)}17.786%{transform:translate(6.67px,-4.42px)}22.571%{transform:translate(6.64px,-4.46px)}27.357%{transform:translate(6.46px,-4.72px)}32.143%{transform:translate(6.02px,-5.26px)}36.929%{transform:translate(5.45px,-5.86px)}41.714%{transform:translate(5.04px,-6.21px)}46.5%{transform:translate(5.11px,-6.16px)}51.286%{transform:translate(5.75px,-5.56px)}56.071%{transform:translate(6.62px,-4.5px)}60.857%{transform:translate(7.21px,-3.46px)}65.643%{transform:translate(7.55px,-2.65px)}70.429%{transform:translate(7.72px,-2.11px)}75.214%{transform:translate(7.79px,-1.82px)}80%{transform:translate(7.82px,-1.71px)}87%{transform:translate(7.82px,-1.69px)}93%{transform:translate(7.84px,-1.6px)}100%{transform:translate(7.82px,-1.69px)}}
@keyframes dl-ba{0%{transform:translate(1830px,-510px) scale(1,1)}7%{transform:translate(1830px,-480px) scale(1.18,0.8)}13%{transform:translate(1830px,-510px) scale(1,1)}17.786%{transform:translate(1829px,-512px) scale(0.86,1.16)}22.571%{transform:translate(1821px,-526px) scale(0.86,1.16)}27.357%{transform:translate(1797px,-561px) scale(0.94,1.07)}32.143%{transform:translate(1742px,-622px) scale(1,1)}36.929%{transform:translate(1628px,-702px) scale(1,1)}41.714%{transform:translate(1414px,-771px) scale(1,1)}46.5%{transform:translate(1062px,-766px) scale(1,1)}51.286%{transform:translate(693px,-639px) scale(1,1)}56.071%{transform:translate(447px,-470px) scale(1,1)}60.857%{transform:translate(300px,-320px) scale(1,1)}65.643%{transform:translate(222px,-214px) scale(1,1)}70.429%{transform:translate(185px,-156px) scale(1,1)}75.214%{transform:translate(172px,-133px) scale(1,1)}80%{transform:translate(170px,-130px) scale(1,1)}87%{transform:translate(170px,-105px) scale(1.2,0.8)}93%{transform:translate(170px,-140px) scale(0.95,1.05)}100%{transform:translate(170px,-130px) scale(1,1)}}
@keyframes dl-ba-eyes{0%{transform:translate(6.39px,-4.82px)}7%{transform:translate(6.39px,-4.82px)}13%{transform:translate(6.47px,-4.71px)}17.786%{transform:translate(6.39px,-4.82px)}22.571%{transform:translate(6.38px,-4.83px)}27.357%{transform:translate(6.34px,-4.88px)}32.143%{transform:translate(6.23px,-5.02px)}36.929%{transform:translate(6.02px,-5.27px)}41.714%{transform:translate(5.72px,-5.6px)}46.5%{transform:translate(5.34px,-5.96px)}51.286%{transform:translate(4.98px,-6.26px)}56.071%{transform:translate(4.89px,-6.33px)}60.857%{transform:translate(5.11px,-6.16px)}65.643%{transform:translate(5.49px,-5.82px)}70.429%{transform:translate(5.85px,-5.46px)}75.214%{transform:translate(6.08px,-5.2px)}80%{transform:translate(6.18px,-5.08px)}87%{transform:translate(6.19px,-5.06px)}93%{transform:translate(6.32px,-4.9px)}100%{transform:translate(6.19px,-5.06px)}}
@keyframes dl-ca{0%{transform:translate(4700px,-100px) scale(1,1)}7%{transform:translate(4700px,-70px) scale(1.18,0.8)}13%{transform:translate(4700px,-100px) scale(1,1)}17.786%{transform:translate(4697px,-102px) scale(0.86,1.16)}22.571%{transform:translate(4675px,-118px) scale(0.86,1.16)}27.357%{transform:translate(4611px,-160px) scale(0.94,1.07)}32.143%{transform:translate(4460px,-232px) scale(1,1)}36.929%{transform:translate(4147px,-329px) scale(1,1)}41.714%{transform:translate(3565px,-424px) scale(1,1)}46.5%{transform:translate(2605px,-464px) scale(1,1)}51.286%{transform:translate(1598px,-408px) scale(1,1)}56.071%{transform:translate(925px,-317px) scale(1,1)}60.857%{transform:translate(525px,-234px) scale(1,1)}65.643%{transform:translate(311px,-176px) scale(1,1)}70.429%{transform:translate(210px,-144px) scale(1,1)}75.214%{transform:translate(175px,-132px) scale(1,1)}80%{transform:translate(170px,-130px) scale(1,1)}87%{transform:translate(170px,-105px) scale(1.2,0.8)}93%{transform:translate(170px,-140px) scale(0.95,1.05)}100%{transform:translate(170px,-130px) scale(1,1)}}
@keyframes dl-ca-eyes{0%{transform:translate(7.82px,-1.69px)}7%{transform:translate(7.82px,-1.69px)}13%{transform:translate(7.84px,-1.58px)}17.786%{transform:translate(7.82px,-1.69px)}22.571%{transform:translate(7.82px,-1.7px)}27.357%{transform:translate(7.8px,-1.76px)}32.143%{transform:translate(7.76px,-1.93px)}36.929%{transform:translate(7.68px,-2.23px)}41.714%{transform:translate(7.54px,-2.69px)}46.5%{transform:translate(7.29px,-3.29px)}51.286%{transform:translate(6.91px,-4.03px)}56.071%{transform:translate(6.51px,-4.65px)}60.857%{transform:translate(6.26px,-4.98px)}65.643%{transform:translate(6.16px,-5.1px)}70.429%{transform:translate(6.16px,-5.11px)}75.214%{transform:translate(6.18px,-5.08px)}80%{transform:translate(6.19px,-5.07px)}87%{transform:translate(6.19px,-5.06px)}93%{transform:translate(6.32px,-4.9px)}100%{transform:translate(6.19px,-5.06px)}}
@keyframes dl-catch{0%{transform:scale(1,1)}35%{transform:scale(1.06,0.9)}70%{transform:scale(0.98,1.03)}100%{transform:scale(1,1)}}

/* Distractory homepage category cards: names only, one caption line that swaps on hover or keyboard focus. */

.cat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
@media (max-width: 1100px) { .cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px)  { .cat-grid { grid-template-columns: 1fr; gap: 14px; } }

.cat-card {
  display: flex; flex-direction: column; gap: 10px;
  border: 1px solid #E4E1DA; border-radius: 12px; padding: 22px 22px 18px;
}
.cat-card__head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.cat-card__title {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif; font-weight: 800;
  font-size: 25px; line-height: 1.05; letter-spacing: -0.4px;
  text-transform: none; /* display only: the HTML keeps normal capitals */
}
.cat-card__title a { color: #141414; text-decoration: none; }
.cat-card__title a:hover { color: #A93418; }
.cat-card__count { font-size: 12px; color: #4A4A4A; white-space: nowrap; }

.cat-card__list { list-style: none; margin: 0; padding: 0; }
.cat-card__site {
  display: block; padding: 6px 0; border-radius: 4px;
  font-size: 16px; font-weight: 400; color: #2A2A2A; text-decoration: none;
}
.cat-card__site:hover, .cat-card__site:focus-visible {
  color: #A93418; text-decoration: underline; text-underline-offset: 3px;
}
.cat-card__site:focus-visible { outline: 2px solid #141414; outline-offset: 2px; }

/* All lines share one grid cell, so the box is as tall as the longest description and never jumps. */
.cat-card__caption {
  display: grid; border-top: 1px solid #E4E1DA; padding-top: 12px;
  font-size: 14px; line-height: 1.45;
}
.cat-card__caption > p { grid-area: 1 / 1; margin: 0; transition: opacity 0.12s ease; }
.cat-card__tagline { color: #4A4A4A; font-style: italic; }
.cat-card__desc { color: #141414; opacity: 0; visibility: hidden; }
.cat-card[data-active] .cat-card__tagline { opacity: 0; visibility: hidden; }
.cat-card__desc.is-active { opacity: 1; visibility: visible; }

.cat-card__all { margin-top: auto; font-size: 14px; font-weight: 700; color: #A93418; text-decoration: none; }
.cat-card__all:hover { text-decoration: underline; }

/* Phones and other touch screens: no hover, so the caption is just the tagline (descriptions stay in the HTML). */
@media (hover: none), (max-width: 600px) {
  .cat-card { padding: 16px 16px 12px; gap: 4px; }
  .cat-card__title { font-size: 25px; }
  .cat-card__head { order: -2; }
  .cat-card__caption { order: -1; border-top: 0; padding: 0 0 4px; }
  .cat-card__desc { display: none; }
  .cat-card__list li + li .cat-card__site, .cat-card__list li:first-child .cat-card__site { border-top: 1px solid #EFECE6; }
  .cat-card__site { display: flex; align-items: center; min-height: 44px; padding: 0; }
  .cat-card__all { display: flex; align-items: center; min-height: 44px; border-top: 1px solid #EFECE6; }
}
@media (prefers-reduced-motion: reduce) { .cat-card__caption > p { transition: none; } }

/* Integrate with existing list styles without introducing hover layout shifts. */
.cat-card .site-row{border:0;padding:0;margin:0;display:block;min-height:0}
.cat-card .cat-card__site{min-height:44px;display:flex;align-items:center}
.footer-domain{font:400 14px/1.5 Arial,sans-serif;letter-spacing:0;color:#cfcfcf;margin:12px 0 0}
@media(hover:none),(max-width:600px){.cat-card[data-active] .cat-card__tagline{opacity:1;visibility:visible}}

/* User override: restore category illustrations, favicons and established typography. */
.cat-card__head{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:8px 12px}
.cat-card__icon{width:52px;height:52px;grid-row:1 / 3}
.cat-card__title{font-size:23px;line-height:1.15}
.cat-card__count{grid-column:2}
.cat-card .cat-card__site{gap:10px;font-weight:700}
.cat-card .favicon{width:16px;height:16px;flex:0 0 16px;object-fit:contain;margin:0}