.guides-site{width:min(1320px,calc(100% - 80px));margin:0 auto;padding:70px 0 100px}.guides-intro{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:70px;padding:0 0 56px}.guides-intro h1{font-size:clamp(48px,6.5vw,92px);line-height:1.05;letter-spacing:-.06em;margin:0 0 24px}.guides-intro p{font-size:clamp(20px,2.2vw,28px);line-height:1.5;max-width:580px;margin:0 0 18px}.guides-intro .guides-intro-detail{font-size:16px;line-height:1.8;color:var(--muted)}.guide-start-card{display:flex;flex-direction:column;background:#26321f;border:1px solid #677e4666;border-radius:24px;overflow:hidden;padding:26px 28px;color:var(--text);text-decoration:none}.guide-start-card>span:first-child{font-size:13px;color:var(--muted)}.guide-start-card strong{font-size:25px;letter-spacing:-.035em;margin-top:9px}.guide-start-card img{width:100%;height:190px;object-fit:cover;mix-blend-mode:lighten;margin:4px 0 10px}.guide-start-card>span:last-child{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--lime)}.guide-start-card svg{width:20px;height:20px;transform:rotate(180deg)}.guide-search{max-width:720px;margin:0 0 24px}.guide-search label{display:block;font-size:14px;font-weight:650;margin-bottom:10px}.guide-search>div{display:flex;align-items:center;gap:14px;min-height:62px;border:1px solid #68784e;border-radius:14px;background:#20271b;padding:0 18px}.guide-search>div:focus-within{outline:2px solid var(--lime);outline-offset:3px}.guide-search svg{width:22px;height:22px;flex:none}.guide-search input{flex:1;min-width:0;border:0;border-radius:0;background:none!important;color:var(--text);padding:17px 0;outline:0!important;box-shadow:none!important;font:inherit;font-size:16px}.guide-search input::-webkit-search-cancel-button{appearance:none}.guide-search button{display:grid;place-items:center;width:40px;min-height:44px;padding:8px;background:none;border:0;color:var(--muted);cursor:pointer}.guide-search button[hidden]{display:none}.guide-categories{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.guide-categories button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:30px;padding:11px 17px;min-height:44px;font:inherit;font-size:13px;cursor:pointer}.guide-categories button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:#171916}.guide-results{font-size:12px;color:var(--muted);margin:0 0 22px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-card{min-width:0;background:#1d2419;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .2s,border-color .2s}.guide-card[hidden]{display:none}.guide-card:hover{border-color:#a4bc6e;transform:translateY(-3px)}.guide-card>a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.guide-card-image{overflow:hidden;background:#25321f;aspect-ratio:1200/630}.guide-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.guide-card:hover img{transform:scale(1.025)}.guide-card-copy{padding:25px;display:flex;flex-direction:column;flex:1}.guide-card-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:11px;color:#aebd9e;margin-bottom:18px}.guide-card h2{font-size:23px;line-height:1.25;letter-spacing:-.035em;margin:0 0 14px}.guide-card p{font-size:14px;color:var(--muted);line-height:1.75;margin:0 0 24px}.guide-read{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:13px;font-weight:650;margin-top:auto;color:var(--lime)}.guide-read svg{width:21px;height:21px;flex:none}.guide-card-featured{grid-column:span 2}.guide-card-featured>a{display:grid;grid-template-columns:1fr 1fr}.guide-card-featured .guide-card-image{aspect-ratio:auto;height:100%;min-height:300px}.guide-card-featured .guide-card-copy{padding:32px}.guide-card-featured h2{font-size:30px}.guide-no-results{padding:35px 0}.guide-no-results button{background:none;border:1px solid var(--line);border-radius:10px;color:var(--text);font:inherit;padding:12px 20px;cursor:pointer}.guide-no-results[hidden]{display:none}.guides-editorial-note{margin-top:65px;border-top:1px solid var(--line);padding:36px 0 0;max-width:780px}.guides-editorial-note h2{font-size:24px;letter-spacing:-.03em}.guides-editorial-note p{font-size:15px;color:var(--muted);line-height:1.8}.guides-editorial-note a{font-size:14px;color:var(--lime);text-underline-offset:5px}.guide-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;text-decoration:none;color:var(--muted);font-size:14px;margin-bottom:24px}.guide-back svg{width:20px;height:20px}.guide-article-head{max-width:1000px}.guide-article-head h1{font-size:clamp(36px,5.2vw,70px);font-weight:750;letter-spacing:-.05em;line-height:1.12;margin:0 0 25px;text-wrap:balance}.guide-article-head>p{font-size:clamp(18px,2vw,22px);color:var(--muted);line-height:1.65;max-width:850px;margin:0 0 24px}.guide-byline{display:flex;gap:12px 25px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted);margin-bottom:34px}.guide-byline a{color:var(--text);text-underline-offset:4px}.guide-hero-image{display:block;width:100%;height:auto;max-height:430px;object-fit:cover;border-radius:22px;margin-bottom:48px}.guide-reading-layout{display:grid;grid-template-columns:230px minmax(0,750px);gap:70px;justify-content:center}.guide-contents{align-self:start;position:sticky;top:100px;max-height:calc(100vh - 130px);overflow:auto}.guide-contents summary{font-size:13px;font-weight:700;margin-bottom:16px;cursor:pointer;min-height:32px}.guide-contents nav{display:flex;flex-direction:column;gap:3px}.guide-contents a{display:block;border-left:1px solid var(--line);padding:9px 0 9px 16px;color:var(--muted);font-size:12px;text-decoration:none;line-height:1.6}.guide-contents a:hover,.guide-contents a:focus-visible{color:var(--lime);border-color:var(--lime)}.guide-body{min-width:0;font-size:17px;line-height:1.85}.guide-body h2{font-size:29px;line-height:1.25;letter-spacing:-.035em;margin:0 0 20px;text-wrap:balance}.guide-body h3{font-size:21px;line-height:1.35;letter-spacing:-.02em;margin:0 0 15px}.guide-body p{margin:0 0 22px}.guide-body a{color:var(--lime);text-decoration-thickness:1px;text-underline-offset:5px;overflow-wrap:anywhere}.guide-body ul,.guide-body ol{padding-left:24px;margin:0 0 24px}.guide-body li{padding-left:5px;margin-bottom:12px}.guide-body strong{font-weight:750}.guide-answer{padding:28px 30px;background:#28321f;border:1px solid #7b914b77;border-radius:18px;margin-bottom:46px}.guide-answer h2{font-size:18px;margin-bottom:12px}.guide-answer p{font-size:18px;line-height:1.7;margin:0}.guide-section{margin-bottom:50px;scroll-margin-top:115px}.guide-example{padding:26px 28px;background:#20271b;border-left:3px solid var(--lime);border-radius:0 16px 16px 0;margin:28px 0}.guide-example p{font-size:16px}.guide-example p:last-child{margin-bottom:0}.guide-table{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:14px;margin:25px 0;overscroll-behavior-x:contain}.guide-table table{border-collapse:collapse;width:100%;min-width:560px;text-align:left;font-size:14px;line-height:1.7}.guide-table caption{text-align:left;padding:16px 18px;color:var(--muted);font-size:12px;background:#20271b}.guide-table th,.guide-table td{padding:16px 18px;border-top:1px solid var(--line);vertical-align:top}.guide-table thead{background:#2b3422}.guide-table thead th{font-size:12px}.guide-table tbody th{font-weight:650;width:25%}.guide-table td{color:#c5ceba}.guide-sources{padding-top:28px;border-top:1px solid var(--line);font-size:13px;margin:40px 0}.guide-sources h2{font-size:20px}.guide-sources p{color:var(--muted);font-size:12px}.guide-service-icons{display:flex;align-items:center;gap:16px;margin:-10px 0 42px;color:var(--muted);font-size:12px;line-height:1.6}.guide-service-icons svg{width:23px;height:23px;flex:none;fill:currentColor}.guide-tool{display:flex;align-items:flex-start;gap:22px;border:1px solid #7a8a5266;background:#242e1e;border-radius:18px;padding:28px;margin-top:44px}.guide-tool img{object-fit:contain;flex:none;border-radius:12px}.guide-tool h2{font-size:22px;margin:0 0 12px}.guide-tool p{font-size:14px;line-height:1.7;margin-bottom:14px;color:var(--muted)}.guide-tool a{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;text-decoration:none}.guide-tool a svg{width:20px;height:20px;transform:rotate(180deg)}.guide-related{margin-top:90px;padding-top:40px;border-top:1px solid var(--line)}.guide-related>h2{font-size:32px;letter-spacing:-.04em;margin:0 0 28px}.guide-related .guide-card-featured{grid-column:auto}.guide-related .guide-card-featured>a{display:flex}.guide-related .guide-card-featured .guide-card-image{aspect-ratio:1200/630;min-height:0}.guide-related .guide-card-featured .guide-card-copy{padding:25px}.guide-related .guide-card-featured h2{font-size:23px}.guide-editorial{max-width:800px;font-size:17px;line-height:1.9}.guide-editorial h1{font-size:clamp(36px,5vw,65px);letter-spacing:-.05em;line-height:1.15}.guide-editorial h2{font-size:27px;line-height:1.3;margin-top:38px}.guide-editorial p{color:var(--muted)}.guide-editorial a{color:var(--lime)}.app-guide-library{max-width:1200px;margin:auto}.app-guide-library .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-guide-library .guide-card-featured{grid-column:auto}.app-guide-library .guide-card-featured>a{display:flex}.app-guide-library .guide-card-featured .guide-card-image{aspect-ratio:1200/630;min-height:0}.app-guide-library .guide-card-featured .guide-card-copy{padding:25px}.app-guide-library .guide-card-featured h2{font-size:23px}.guide-from-app .artist-public-site-header{display:none}.guide-from-app .guides-site{padding-top:24px}.guide-from-app .guide-back{background:#252e20;border:1px solid var(--line);border-radius:12px;padding:8px 14px;margin-bottom:25px}.guide-from-app .guide-back svg{margin-right:3px}@media(max-width:1050px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card-featured{grid-column:span 2}.guide-reading-layout{grid-template-columns:190px minmax(0,1fr);gap:35px}.guides-intro{gap:35px}.guide-related .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-related .guide-card h2{font-size:19px}.guide-related .guide-card-copy{padding:20px}}@media(max-width:760px){.guides-site{width:calc(100% - 40px);padding:34px 0 60px}.guides-intro{grid-template-columns:1fr;padding-bottom:30px;gap:20px}.guides-intro h1{font-size:46px;margin-bottom:17px}.guides-intro p{font-size:21px;line-height:1.5;margin-bottom:12px}.guides-intro .guides-intro-detail{font-size:14px}.guide-start-card{display:none}.guide-search>div{min-height:56px;padding:0 13px}.guide-categories{gap:7px;margin-bottom:16px}.guide-categories button{font-size:12px;padding:10px 13px}.guide-grid,.app-guide-library .guide-grid{grid-template-columns:1fr;gap:20px}.guide-card-featured{grid-column:auto}.guide-card-featured>a{display:flex}.guide-card-featured .guide-card-image{aspect-ratio:1200/630;min-height:0}.guide-card-copy,.guide-card-featured .guide-card-copy{padding:22px}.guide-card h2,.guide-card-featured h2{font-size:24px}.guide-card p{font-size:14px}.guide-reading-layout{grid-template-columns:minmax(0,1fr);gap:25px}.guide-contents{position:static;max-height:none;background:#20271b;border:1px solid var(--line);padding:16px 18px;border-radius:14px}.guide-contents summary{min-height:24px;margin-bottom:0}.guide-contents details[open] summary{margin-bottom:12px}.guide-article-head h1{font-size:36px;line-height:1.15}.guide-article-head>p{font-size:17px;line-height:1.7}.guide-byline{gap:10px 18px;font-size:11px}.guide-hero-image{border-radius:16px;margin-bottom:25px}.guide-back{margin-bottom:18px}.guide-answer{padding:22px;margin-bottom:33px}.guide-answer p{font-size:17px}.guide-body{font-size:16px;line-height:1.85}.guide-body h2{font-size:26px}.guide-body h3{font-size:20px}.guide-example{padding:20px}.guide-section{margin-bottom:36px;scroll-margin-top:90px}.guide-tool{padding:22px;gap:15px}.guide-tool img{width:42px;height:42px}.guide-tool h2{font-size:20px}.guide-tool a{font-size:13px}.guide-related{margin-top:50px}.guide-related .guide-grid{grid-template-columns:1fr}.guide-related .guide-card>a{display:grid;grid-template-columns:100px minmax(0,1fr)}.guide-related .guide-card-image,.guide-related .guide-card-featured .guide-card-image{height:100%;aspect-ratio:auto}.guide-related .guide-card-copy,.guide-related .guide-card-featured .guide-card-copy{padding:16px}.guide-related .guide-card h2,.guide-related .guide-card-featured h2{font-size:18px;margin:8px 0 10px}.guide-related .guide-card p,.guide-related .guide-card-meta,.guide-related .guide-read{display:none}.guide-service-icons{gap:10px;flex-wrap:wrap}.guide-service-icons span{flex-basis:100%}.guide-from-app .artist-public-footer{display:none}.guides-editorial-note{margin-top:40px}.app-guide-library .main-top{margin-bottom:30px}}@media(prefers-reduced-motion:reduce){.guide-card,.guide-card-image img{transition:none}.guide-card:hover{transform:none}.guide-card:hover img{transform:none}}
#guide-search{appearance:none;-webkit-appearance:none;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;min-height:0!important}.guide-hero-image{object-fit:contain;background:#20291c}.guide-table a{color:var(--lime)}@media(max-width:760px){.guide-table table{min-width:0;display:block}.guide-table caption{display:block;line-height:1.7}.guide-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.guide-table tbody{display:block}.guide-table tr{display:block;padding:18px;border-top:1px solid var(--line)}.guide-table tbody th{display:block;width:auto;border:0;padding:0 0 12px;font-size:18px}.guide-table td{display:block;border:0;padding:5px 0 10px;font-size:14px}.guide-table td:before{content:attr(data-label);display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:3px}.guide-table td:last-child{padding-bottom:0}}
.guides-site,.app-guide-library{--text:var(--ink)}.guide-search input::placeholder{color:#a8b19e;opacity:1}
/* Editorial layouts replace the decorative illustration system. */
.guide-card>a,.guide-card-featured>a{display:flex;flex-direction:column}.guide-card{border-radius:16px;background:transparent;position:relative}.guide-card-featured{grid-column:span 2;background:#242c1e}.guide-card-symbol{padding:27px 27px 0;color:#aeb99f}.guide-card-symbol .icon{width:26px;height:26px;stroke-width:1.5}.guide-card-copy,.guide-card-featured .guide-card-copy{padding:22px 27px 27px}.guide-card-featured h2{font-size:clamp(28px,3.2vw,43px);max-width:620px;line-height:1.16}.guide-card-featured p{max-width:580px}.guide-card:hover{transform:none;background:#22291c}.guide-start-card{background:transparent;border:0;border-left:1px solid var(--line);border-radius:0;padding:10px 0 10px 55px;gap:20px}.guide-start-card strong{font-size:clamp(26px,3.2vw,42px);line-height:1.32;letter-spacing:-.045em;margin:0}.guide-start-card>span:last-child{justify-content:flex-start;gap:20px}.guides-intro{padding-bottom:44px}.guide-article-head{padding-bottom:36px;border-bottom:1px solid var(--line);margin-bottom:45px;max-width:none}.guide-article-head h1{max-width:1000px}.guide-byline{margin-bottom:0}.guide-related .guide-card>a,.guide-related .guide-card-featured>a{display:flex}.guide-related .guide-card-symbol{padding:22px 22px 0}.guide-related .guide-card-copy,.guide-related .guide-card-featured .guide-card-copy{padding:20px 22px 24px}.guide-related .guide-card-featured{background:transparent}.app-guide-library .guide-card-featured{background:transparent}.app-guide-library .guide-card-featured .guide-card-copy{padding:22px 27px 27px}.app-guide-library .guide-card-featured h2{font-size:23px}@media(max-width:760px){.guide-card-featured{grid-column:auto}.guide-card-copy,.guide-card-featured .guide-card-copy{padding:20px 22px 24px}.guide-card-symbol{padding:22px 22px 0}.guide-card-featured h2{font-size:27px}.guide-card-symbol .icon{width:24px;height:24px}.guide-article-head{padding-bottom:28px;margin-bottom:28px}.guide-reading-layout{gap:20px}.guide-related .guide-card-symbol{display:none}.guide-related .guide-card h2,.guide-related .guide-card-featured h2{font-size:20px;margin:0}.guide-related .guide-card-copy,.guide-related .guide-card-featured .guide-card-copy{padding:22px}.guide-related .guide-card-copy{min-height:88px;justify-content:center}}

.guide-photo{margin:0;overflow:hidden;border-radius:16px;background:var(--panel)}
.guide-photo img{width:100%;height:100%;object-fit:cover}
.guide-topic-visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.guide-topic-visual a{display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:clamp(14px,2vw,26px);min-height:112px;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-decoration:none}
.guide-topic-visual a:hover{border-color:var(--lime)}
.guide-topic-visual strong{font-size:clamp(15px,1.7vw,23px);line-height:1.3}
.guide-topic-visual span{font-size:12px;color:var(--muted)}
.guide-article-photo{max-width:750px;aspect-ratio:2.5/1;margin:0 auto 35px}

.guide-hero-visual{position:relative;overflow:hidden;border-radius:18px;background:var(--panel);border:1px solid var(--line)}
.guide-hero-visual>img{width:100%;height:clamp(145px,19vw,255px);object-fit:cover;object-position:center 48%}
.guide-hero-visual .guide-topic-visual{gap:0}
.guide-hero-visual .guide-topic-visual a{border-radius:0;border-width:1px 0 0 0;min-height:0;padding:14px 18px;gap:5px}
.guide-hero-visual .guide-topic-visual a:nth-child(even){border-left-width:1px}
.guide-hero-visual .guide-topic-visual strong{font-size:15px}
.guide-comparison-intro{margin-bottom:40px}
.guide-comparison-intro>p{max-width:74ch;font-size:17px;line-height:1.75}
#comparison .guide-table{background:var(--panel)}
#comparison .guide-table table{display:table;min-width:990px}
#comparison .guide-table caption{display:table-caption}
#comparison .guide-table thead{display:table-header-group;position:static;width:auto;height:auto;clip-path:none;overflow:visible}
#comparison .guide-table tbody{display:table-row-group}
#comparison .guide-table tr{display:table-row}
#comparison .guide-table th,#comparison .guide-table td{display:table-cell;padding:17px 18px;border-top:1px solid var(--line)}
#comparison .guide-table tbody th{width:auto;position:sticky;left:0;background:var(--panel);white-space:nowrap;box-shadow:1px 0 var(--line)}
#comparison .guide-table td::before{content:none}

.guide-hero-visual > img {
  transform: rotate(-90deg);
}
.guide-hero-visual {
  --photo-height: clamp(145px, 19vw, 255px);
  container-type: inline-size;
  padding-top: var(--photo-height);
}
.guide-hero-visual > img {
  position: absolute;
  top: calc(var(--photo-height) / 2);
  left: 50%;
  width: var(--photo-height);
  height: 100cqw;
  max-width: none;
  transform: translate(-50%, -50%) rotate(-90deg);
  object-position: center;
}
.guide-article-photo {
  position: relative;
  container-type: size;
  height: clamp(135px, 26vw, 300px);
  width: 100%;
}
.guide-article-photo > img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100cqh;
  height: 100cqw;
  max-width: none;
  transform: translate(-50%, -50%) rotate(-90deg);
}

.guide-hero-visual .guide-topic-visual a:hover {
  border-color: var(--line);
  box-shadow: inset 0 0 0 2px var(--lime);
}
.guide-hero-visual .guide-topic-visual a:focus-visible {
  outline: 2px solid var(--lime);
  outline-offset: -3px;
}

#comparison .comparison-mobile { display: none; }
#comparison .guide-table tbody tr:nth-child(even) > * { background: var(--raised); }
#comparison .guide-table tbody tr:nth-child(odd) > * { background: var(--panel); }
@media (max-width: 760px) {
  #comparison .comparison-desktop { display: none; }
  #comparison .comparison-mobile { display: block; }
  #comparison .comparison-mobile table { min-width: 0; width: 1000px; table-layout: fixed; }
  #comparison .comparison-mobile caption { display: table-caption; width: calc(100vw - 42px); }
  #comparison .comparison-mobile th,
  #comparison .comparison-mobile td { padding: 12px; font-size: 13px; line-height: 1.5; }
  #comparison .comparison-mobile td,
  #comparison .comparison-mobile thead th:not(:first-child) { min-width: 132px; max-width: 152px; }
  #comparison .comparison-mobile th:first-child { position: sticky; left: 0; z-index: 1; width: 100px; white-space: normal; }
  #comparison .comparison-mobile thead th { background: var(--raised); }
}

#comparison .comparison-date { color: var(--muted); font-size: 13px; margin: 0 0 12px; }
@media (max-width: 760px) {
  #comparison .comparison-price-note { display: none; }
}

/* Filled actions must retain dark labels over the guide link colour. */
.guides-site a.button,.guides-site a.button:visited,.guides-site a.button:hover,.guides-site a.button:focus-visible{color:#171916;background:var(--lime,#d5ec75);border-color:var(--lime,#d5ec75);text-decoration:none}