.aalb-btn{padding:6px 12px;padding-top:6px;padding-right:12px;padding-bottom:6px;padding-left:12px;margin-bottom:0px;font-size:14px;font-weight:normal;line-height:1.42857;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-moz-user-select:none;background-image:none;border:1px solid transparent;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;-moz-border-top-color:none;-moz-border-right-color:none;-moz-border-bottom-color:none;-moz-border-left-color:none;border-image-source:none;border-image-slice:100% 100% 100% 100%;border-image-width:1 1 1 1;border-image-outset:0 0 0 0;border-image-repeat:stretch stretch;border-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}
.aalb-btn-primary{box-shadow:0px 1px 0px rgba(255, 255, 255, 0.4) inset;background:transparent linear-gradient(to bottom, #F7DFA5, #F0C14B) repeat scroll 0% 0%;background-color:transparent;background-image:linear-gradient(to bottom, #F7DFA5, #F0C14B);background-repeat:repeat;background-attachment:scroll;background-position:0% 0%;background-clip:border-box;background-origin:padding-box;background-size:auto auto;border-color:#A88734 #9C7E31 #846A29;border-top-color:#A88734;border-right-color:#9C7E31;border-bottom-color:#846A29;border-left-color:#9C7E31;color:#111;}
.pull-right{float:right;}
.pull-left{float:left;}
.aalb-preview-message{color:#ff0000;font-weight:bold;margin-top:10px;}
.aalb-bold {
font-weight: bold;
}@font-face{font-family:'Atkinson Hyperlegible';font-style:italic;font-weight:400;font-display:swap;src:url(//www.teich-profi.de/wp-content/themes/teich-profi/assets/fonts/AtkinsonHyperlegible-400i.woff2) format('woff2');}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:400;font-display:swap;src:url(//www.teich-profi.de/wp-content/themes/teich-profi/assets/fonts/AtkinsonHyperlegible-400.woff2) format('woff2');}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:700;font-display:swap;src:url(//www.teich-profi.de/wp-content/themes/teich-profi/assets/fonts/AtkinsonHyperlegible-700.woff2) format('woff2');}
@font-face{font-family:'Barlow';font-style:italic;font-weight:400;font-display:swap;src:url(//www.teich-profi.de/wp-content/themes/teich-profi/assets/fonts/Barlow-400i.woff2) format('woff2');}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(//www.teich-profi.de/wp-content/themes/teich-profi/assets/fonts/Barlow-400.woff2) format('woff2');}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url(//www.teich-profi.de/wp-content/themes/teich-profi/assets/fonts/Barlow-500.woff2) format('woff2');}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(//www.teich-profi.de/wp-content/themes/teich-profi/assets/fonts/Barlow-600.woff2) format('woff2');}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url(//www.teich-profi.de/wp-content/themes/teich-profi/assets/fonts/Barlow-700.woff2) format('woff2');}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:500;font-display:swap;src:url(//www.teich-profi.de/wp-content/themes/teich-profi/assets/fonts/BarlowSemiCondensed-500.woff2) format('woff2');}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(//www.teich-profi.de/wp-content/themes/teich-profi/assets/fonts/BarlowSemiCondensed-600.woff2) format('woff2');}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(//www.teich-profi.de/wp-content/themes/teich-profi/assets/fonts/BarlowSemiCondensed-700.woff2) format('woff2');}:root{--paper:#FFFFFF;--paper-2:#F3F6F8;--ink:#0B2140;--ink-soft:#3C4E66;--line:#1F3A5F;--rule:#C7D3DC;--water-1:#8CBACD;--water-2:#73A2B7;--water-3:#3D809E;--water-tint:#E4EFF4;--gold:#D2B779;--gold-deep:#C8A24A;--gravel:#C8A24A;--f-display:"Barlow", "Helvetica Neue", Arial, sans-serif;--f-label:"Barlow Semi Condensed", "Barlow", "Arial Narrow", sans-serif;--f-body:"Atkinson Hyperlegible", "Verdana", "Segoe UI", sans-serif;--fs-0:0.875rem;--fs-1:1rem;--fs-2:1.125rem;--fs-3:1.375rem;--fs-4:1.75rem;--fs-5:clamp(2.25rem, 1.1rem + 2.4vw, 2.9rem);--s-1:0.5rem;--s-2:1rem;--s-3:1.5rem;--s-4:2.5rem;--s-5:4rem;--s-6:6.5rem;--wrap:1360px;--gutter:clamp(1rem, 3vw, 2.5rem);--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--t-fast:180ms;--t-draw:900ms;color-scheme:light;}
*, *::before, *::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:var(--fs-2);line-height:1.55;-webkit-font-smoothing:antialiased;caret-color:var(--ink);}
img, svg { display: block; max-width: 100%; } a{color:inherit;text-decoration-color:var(--water-3);text-underline-offset:0.18em;text-decoration-thickness:1px;}
a:hover{text-decoration-color:var(--ink);}::selection{background:var(--water-1);color:var(--ink);}:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px;}
h1, h2, h3, h4 { font-family: var(--f-display); line-height: 1.1; margin: 0; text-wrap: balance; } p{margin:0;}
button{font:inherit;color:inherit;}::-webkit-scrollbar{width:12px;height:12px;}::-webkit-scrollbar-track{background:var(--paper-2);}::-webkit-scrollbar-thumb{background:var(--water-2);border:3px solid var(--paper-2);border-radius:0;}::-webkit-scrollbar-thumb:hover{background:var(--water-3);}
html{scrollbar-color:var(--water-2) var(--paper-2);}
.wrap{width:min(100% - 2 * var(--gutter), var(--wrap));margin-inline:auto;}
.visually-hidden{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;}
.num{font-variant-numeric:tabular-nums lining-nums;}
.lettering{font-family:var(--f-display);font-weight:600;letter-spacing:0.08em;text-transform:uppercase;}
.measure{font-family:var(--f-label);font-weight:600;font-size:var(--fs-0);letter-spacing:0.02em;font-variant-numeric:tabular-nums;}
.btn{display:inline-flex;align-items:center;gap:0.6em;font-family:var(--f-display);font-weight:600;font-size:var(--fs-1);letter-spacing:0.04em;text-transform:uppercase;padding:0.85em 1.4em;border-radius:2px;text-decoration:none;border:1px solid var(--ink);background:var(--paper);color:var(--ink);transition:background var(--t-fast) var(--ease-out), transform var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);cursor:pointer;}
.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px -8px rgba(11, 33, 64, 0.45);}
.btn:active{transform:translateY(0);box-shadow:none;}
.btn--primary{background:var(--gold);border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--paper), inset 0 0 0 2px var(--gold-deep);}
.btn--primary:hover{background:var(--gold-deep);border-color:var(--gold-deep);}
.btn--sm{font-size:var(--fs-0);padding:0.6em 1em;}
.btn--offer{background:var(--gold);border-color:var(--gold);white-space:nowrap;}
.btn--offer:hover{background:var(--gold-deep);border-color:var(--gold-deep);}
.btn svg{width:1em;height:1em;}
.site-header{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--ink);}
.site-header .wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;min-height:72px;}
.brand{display:flex;align-items:center;gap:0.75rem;padding-right:var(--s-3);border-right:1px solid var(--ink);text-decoration:none;color:var(--ink);}
.brand__mark{width:34px;height:34px;flex:none;}
.brand__name{font-family:var(--f-display);font-weight:700;font-size:1.35rem;letter-spacing:0.12em;text-transform:uppercase;line-height:1;}
.brand__name small{display:block;font-family:var(--f-label);font-weight:500;font-size:0.6rem;letter-spacing:0.22em;color:var(--ink-soft);margin-top:0.3em;}
.nav{display:flex;align-items:center;justify-content:flex-end;}
.nav__list{display:flex;gap:0;list-style:none;margin:0;padding:0;height:100%;}
.nav__list > li{position:relative;display:flex;}
.nav__link{display:inline-flex;align-items:center;gap:0.35em;padding:0 0.85rem;height:100%;font-family:var(--f-display);font-weight:600;font-size:0.95rem;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;color:var(--ink);background:none;border:0;cursor:pointer;}
.nav__link::after{content:"";position:absolute;left:0.85rem;right:0.85rem;bottom:0;height:2px;background:var(--gold-deep);transform:scaleX(0);transform-origin:left;transition:transform var(--t-fast) var(--ease-out);}
.nav__link:hover::after, .nav__link[aria-expanded="true"]::after, .nav__link[aria-current="page"]::after{transform:scaleX(1);}
.nav__link svg{width:0.7em;height:0.7em;transition:transform var(--t-fast);}
.nav__link[aria-expanded="true"] svg{transform:rotate(180deg);}
.nav__sub{position:absolute;top:100%;left:0;min-width:15rem;margin:0;padding:0.5rem 0;list-style:none;background:var(--paper);border:1px solid var(--ink);border-top:0;display:none;}
.nav__sub--wide{min-width:34rem;columns:2;column-gap:0;padding:0.5rem 0;}
.nav__sub--wide li{break-inside:avoid;}
.nav__link[aria-expanded="true"] + .nav__sub{display:block;}
.nav__sub a{display:block;padding:0.45rem 1rem;font-family:var(--f-label);font-weight:500;font-size:1rem;text-decoration:none;}
.nav__sub a:hover{background:var(--water-tint);}
.nav__cta{display:flex;align-items:center;padding-left:var(--s-3);border-left:1px solid var(--ink);}
.nav-toggle{display:none;}
@media (max-width: 1400px) and (min-width: 1001px) {
.nav__link{padding:0 0.6rem;font-size:0.86rem;letter-spacing:0.05em;}
.nav__link::after{left:0.6rem;right:0.6rem;}
.brand{padding-right:var(--s-2);}
.nav__cta{padding-left:var(--s-2);}
}
@media (max-width: 1100px) and (min-width: 1001px) {
.nav__cta{display:none;}
.nav__link{padding:0 0.5rem;}
.nav__link::after{left:0.5rem;right:0.5rem;}
} .hero{padding-block:var(--s-4) var(--s-4);border-bottom:1px solid var(--ink);}
.hero .wrap{display:grid;grid-template-columns:minmax(20rem, 5fr) 11fr;gap:var(--s-4) var(--s-5);align-items:center;}
.hero .wrap > *{min-width:0;}
.hero__title{font-size:var(--fs-5);font-weight:700;letter-spacing:-0.02em;line-height:1.04;}
.hero__lede{margin-top:var(--s-3);font-size:var(--fs-3);line-height:1.45;color:var(--ink-soft);max-width:30ch;}
.hero__actions{margin-top:var(--s-4);display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-3);align-items:center;}
.hero__note{font-family:var(--f-label);font-size:var(--fs-0);color:var(--ink-soft);letter-spacing:0.02em;}
.build{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5, 1fr);gap:0;counter-reset:stage;max-width:100%;}
.stage{position:relative;display:block;text-decoration:none;color:var(--ink);padding:0.25rem 0 0.6rem;transition:background var(--t-fast);}
.stage:hover, .stage:focus-visible{background:var(--paper-2);}
.stage__art{aspect-ratio:200 / 178;width:100%;height:auto;overflow:visible;}
.stage__caption{display:flex;align-items:flex-start;gap:0.6rem;margin-top:0.8rem;padding-inline:0.5rem 0.25rem;}
.stage__n{counter-increment:stage;flex:none;width:1.6rem;height:1.6rem;border:1.5px solid var(--ink);border-radius:50%;display:inline-grid;place-items:center;font-family:var(--f-label);font-weight:600;font-size:0.85rem;}
.stage__n::before{content:counter(stage);}
.stage__text{display:grid;gap:0.2rem;}
.stage__label{font-family:var(--f-display);font-weight:600;font-size:1rem;letter-spacing:0.08em;text-transform:uppercase;line-height:1.2;}
.stage__hint{font-family:var(--f-label);font-size:var(--fs-0);color:var(--ink-soft);line-height:1.3;}
.stage__art .ln{fill:none;stroke:var(--line);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.stage__art .ln--thin{stroke-width:1.25;}
.stage__art .ln--dash{stroke-dasharray:4 3;stroke-width:1.5;}
.stage__art .ln--liner{stroke-width:3;stroke:var(--ink);}
.stage__art .dim{stroke:var(--ink-soft);stroke-width:1;fill:none;}
.stage__art .dim--fill{fill:var(--ink-soft);stroke:none;}
.stage__art .box{fill:var(--paper);}
.stage__art .plant{stroke:var(--line);}
.stage__art .dim-t{font-family:var(--f-label);font-size:10.5px;font-weight:600;fill:var(--ink-soft);letter-spacing:0.03em;}
.stage__art .dim-t--ink{fill:var(--ink);}
.stage__art .soil{fill:url(#hatch);}
.stage__art .water{fill:var(--water-1);}
.stage__art .water--deep{fill:var(--water-3);}
.stage__art .gravel{fill:var(--gravel);}
.stage__art .lily{fill:var(--paper);stroke:var(--line);stroke-width:1.25;}
.stage__art .pad{fill:var(--water-1);stroke:var(--line);stroke-width:1.25;}
.stage__art .fish{fill:var(--paper);stroke:var(--line);stroke-width:1.25;}
.build[data-animate] .draw{stroke-dasharray:1;stroke-dashoffset:1;}
.build[data-animate] .fill{transform:scaleY(0);transform-origin:50% 100%;transform-box:fill-box;}
.build[data-animate] .fade{opacity:0;}
.build[data-animate].is-built .draw{animation:draw var(--t-draw) var(--ease-out) forwards;animation-delay:calc(var(--i) * 260ms);}
.build[data-animate].is-built .fill{animation:rise 700ms var(--ease-out) forwards;animation-delay:calc(var(--i) * 260ms + 500ms);}
.build[data-animate].is-built .fade{animation:fade 500ms var(--ease-out) forwards;animation-delay:calc(var(--i) * 260ms + 800ms);}
@keyframes draw { to{stroke-dashoffset:0;}
}
@keyframes rise { to{transform:scaleY(1);}
}
@keyframes fade { to{opacity:1;}
}
@media (prefers-reduced-motion: reduce) {
.build[data-animate] .draw{stroke-dashoffset:0;}
.build[data-animate] .fill{transform:none;}
.build[data-animate] .fade{opacity:1;}
.build[data-animate].is-built .draw, .build[data-animate].is-built .fill, .build[data-animate].is-built .fade{animation:none;}
html{scroll-behavior:auto;}
} .section{padding-block:var(--s-5);}
.section + .section{border-top:1px solid var(--ink);}
.section--tint{background:var(--paper-2);}
.section__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s-2) var(--s-4);margin-bottom:var(--s-4);}
.section__title{font-size:var(--fs-4);font-weight:600;letter-spacing:0.08em;text-transform:uppercase;}
.section__title .sheet-no{font-family:var(--f-label);font-weight:500;font-size:var(--fs-0);letter-spacing:0.12em;color:var(--ink-soft);display:block;margin-bottom:0.4em;}
.section__lead{max-width:60ch;color:var(--ink-soft);font-size:var(--fs-2);}
.section__more{font-family:var(--f-display);font-weight:600;font-size:var(--fs-1);letter-spacing:0.06em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid var(--gold-deep);padding-bottom:0.1em;white-space:nowrap;}
.section__more:hover{border-color:var(--ink);}
.types{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--s-4) var(--s-3);}
.type{text-decoration:none;color:var(--ink);display:grid;justify-items:center;gap:0.9rem;text-align:center;}
.type__medallion{width:min(100%, 220px);aspect-ratio:1;border-radius:50%;border:2px solid var(--ink);overflow:hidden;background:var(--paper);position:relative;transition:transform 320ms var(--ease-out), box-shadow 320ms var(--ease-out);}
.type__medallion::after{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid var(--rule);pointer-events:none;}
.type__medallion img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 500ms var(--ease-out);}
.type:hover .type__medallion{transform:translateY(-4px);box-shadow:0 18px 30px -22px rgba(11, 33, 64, 0.6);}
.type:hover .type__medallion img{transform:scale(1.12);}
.type__name{font-family:var(--f-display);font-weight:600;font-size:1.05rem;letter-spacing:0.06em;text-transform:uppercase;position:relative;padding-top:0.6rem;}
.type__name::before{content:"";position:absolute;top:0;left:50%;width:0;height:0;border:5px solid transparent;border-top:7px solid var(--ink);transform:translate(-50%, -9px);}
.type__meta{font-family:var(--f-label);font-size:var(--fs-0);color:var(--ink-soft);margin-top:-0.45rem;font-variant-numeric:tabular-nums;}
.compare{width:100%;border-collapse:collapse;border:1px solid var(--ink);font-family:var(--f-label);font-size:1rem;background:var(--paper);}
.compare caption{text-align:left;font-family:var(--f-label);font-size:var(--fs-0);color:var(--ink-soft);padding:0.75rem 0 0;caption-side:bottom;}
.compare th, .compare td{padding:0.9rem 1rem;border:1px solid var(--ink);vertical-align:middle;text-align:left;}
.compare thead th{font-weight:600;letter-spacing:0.1em;text-transform:uppercase;font-size:var(--fs-0);background:var(--paper-2);}
.compare td.num, .compare th.num{font-variant-numeric:tabular-nums;white-space:nowrap;}
.compare .product{display:flex;align-items:center;gap:1rem;min-width:16rem;}
.compare .product img{width:72px;height:72px;flex:none;object-fit:cover;border:1px solid var(--rule);background:var(--paper);}
.compare .product b{font-family:var(--f-display);font-weight:600;font-size:1.05rem;display:block;line-height:1.2;}
.compare .product small{color:var(--ink-soft);font-size:var(--fs-0);}
.compare tbody tr:hover{background:var(--water-tint);}
.compare .price{font-family:var(--f-display);font-weight:700;font-size:1.15rem;}
.compare .best td:first-child{box-shadow:inset 3px 0 0 var(--gold-deep);}
.compare .best td{background:#FBF6E8;}
.compare .best .price{color:var(--ink);}
.compare .badge{display:inline-block;font-family:var(--f-label);font-style:normal;font-weight:600;font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink);background:var(--gold);padding:0.15em 0.5em;margin-bottom:0.35rem;}
.compare-hero{border-top:1px solid var(--ink);background:var(--paper-2);padding-block:var(--s-4);}
.compare-hero .section__title{margin-bottom:0.5rem;}
.compare-hero .section__lead{margin-bottom:var(--s-3);}
.compare-hero .compare .product{min-width:20rem;}
.compare-hero .compare .product img{width:88px;height:88px;object-fit:contain;}
.compare-hero .compare td.num{font-size:1.05rem;}
.compare-hero + .article{padding-top:var(--s-5);}
.post-cover + .compare-hero{border-top:0;}
.stars{display:inline-flex;gap:2px;vertical-align:middle;}
.stars svg{width:16px;height:16px;fill:var(--ink);}
.stars svg.star--half{fill:url(#halfstar);}
.stars svg.star--empty{fill:none;stroke:var(--ink);stroke-width:1.2;}
.stars + .num{margin-left:0.4rem;color:var(--ink-soft);font-size:var(--fs-0);}
.table-scroll{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.compare__note{margin-top:var(--s-2);font-family:var(--f-label);font-size:var(--fs-0);color:var(--ink-soft);max-width:80ch;}
.sheets{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--s-3);}
.sheet{position:relative;display:grid;grid-template-rows:auto 1fr auto;border:1px solid var(--ink);background:var(--paper);text-decoration:none;color:var(--ink);min-height:15rem;transition:transform 320ms var(--ease-out), box-shadow 320ms var(--ease-out);}
.sheet:hover{transform:translateY(-3px);box-shadow:0 20px 32px -24px rgba(11, 33, 64, 0.6);}
.sheet__head{display:flex;justify-content:space-between;gap:1rem;padding:0.6rem 1rem;border-bottom:1px solid var(--ink);font-family:var(--f-label);font-size:var(--fs-0);letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-soft);}
.sheet__body{display:block;padding:1.25rem 1rem 1rem;}
.sheet__title{display:block;font-size:1.35rem;font-weight:600;line-height:1.2;letter-spacing:-0.005em;}
.sheet__excerpt{display:block;margin-top:0.75rem;color:var(--ink-soft);font-size:1rem;}
.sheet__foot{padding:0.6rem 1rem;border-top:1px solid var(--rule);font-family:var(--f-label);font-size:var(--fs-0);display:flex;justify-content:space-between;align-items:center;}
.sheet__foot span::after{content:" →";}
.sheet:hover .sheet__foot span{text-decoration:underline;text-underline-offset:0.2em;}
.legend{display:grid;grid-template-columns:repeat(3, 1fr);gap:0;border:1px solid var(--ink);background:var(--paper);}
.legend a{display:flex;align-items:center;gap:0.75rem;padding:0.9rem 1rem;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);text-decoration:none;font-family:var(--f-label);font-weight:500;font-size:1.05rem;transition:background var(--t-fast);}
.legend a:hover{background:var(--water-tint);}
.legend a:nth-child(3n){border-right:0;}
.legend a:nth-last-child(-n+3){border-bottom:0;}
.legend .k{width:1.5rem;height:1.5rem;flex:none;fill:none;stroke:var(--line);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.about .wrap{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5);align-items:start;}
.about h2{font-size:var(--fs-4);font-weight:600;letter-spacing:0.08em;text-transform:uppercase;}
.about p + p{margin-top:var(--s-2);}
.about dl{display:grid;grid-template-columns:auto 1fr;gap:0.6rem 1.25rem;margin:0;border:1px solid var(--ink);padding:1.25rem;font-family:var(--f-label);}
.about dt{font-weight:600;letter-spacing:0.06em;text-transform:uppercase;font-size:var(--fs-0);padding-top:0.15em;white-space:nowrap;}
.about dd{margin:0;}
.site-footer{border-top:1px solid var(--ink);background:var(--paper);}
.site-footer .wrap{display:grid;grid-template-columns:1.4fr repeat(3, 1fr);}
.foot-cell{padding:var(--s-4) var(--s-3) var(--s-4) 0;border-right:1px solid var(--rule);margin-right:var(--s-3);}
.foot-cell:last-child{border-right:0;margin-right:0;}
.foot-cell h3{font-size:var(--fs-0);font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:1rem;}
.foot-cell ul{list-style:none;margin:0;padding:0;display:grid;gap:0.35rem;}
.foot-cell a{text-decoration:none;font-family:var(--f-label);font-size:1rem;}
.foot-cell a:hover{text-decoration:underline;}
.foot-cell p{font-size:1rem;color:var(--ink-soft);max-width:40ch;margin-top:1rem;}
.foot-bar{border-top:1px solid var(--ink);}
.foot-bar .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0.5rem var(--s-3);padding-block:1rem;font-family:var(--f-label);font-size:var(--fs-0);color:var(--ink-soft);}
.foot-bar a{text-decoration:none;}
.foot-bar a:hover{text-decoration:underline;}
@media (max-width: 1100px) {
.hero .wrap{grid-template-columns:1fr;}
.hero__lede{max-width:48ch;}
.types{grid-template-columns:repeat(4, 1fr);}
.site-footer .wrap{grid-template-columns:1fr 1fr;}
.foot-cell:nth-child(2){border-right:0;}
.foot-cell:nth-child(n+3){border-top:1px solid var(--rule);}
}
@media (max-width: 1000px) and (min-width: 901px) {
.site-header .wrap{grid-template-columns:auto 1fr auto;}
.nav-toggle{display:inline-flex;align-items:center;gap:0.5rem;background:none;border:0;border-left:1px solid var(--ink);padding:0 0 0 1rem;margin-left:auto;height:100%;cursor:pointer;font-family:var(--f-display);font-weight:600;letter-spacing:0.08em;text-transform:uppercase;font-size:0.9rem;}
.nav-toggle svg{width:24px;height:24px;stroke:var(--ink);stroke-width:2;fill:none;stroke-linecap:round;}
.nav-toggle .x{display:none;}
.nav-toggle[aria-expanded="true"] .x{display:block;}
.nav-toggle[aria-expanded="true"] .bars{display:none;}
.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--ink);max-height:calc(100dvh - 72px);overflow:auto;}
.nav.is-open{display:block;}
.nav__list{flex-direction:column;height:auto;}
.nav__list > li{flex-direction:column;border-top:1px solid var(--rule);}
.nav__link{padding:1rem var(--gutter);height:auto;width:100%;justify-content:space-between;}
.nav__link::after{display:none;}
.nav__sub{position:static;border:0;border-top:1px solid var(--rule);background:var(--paper-2);min-width:0;columns:1;}
.nav__sub a{padding:0.65rem var(--gutter) 0.65rem calc(var(--gutter) + 1rem);}
.nav__cta{display:none;}
}
@media (max-width: 900px) {
.site-header .wrap{grid-template-columns:auto 1fr auto;}
.nav-toggle{display:inline-flex;align-items:center;gap:0.5rem;background:none;border:0;border-left:1px solid var(--ink);padding:0 0 0 1rem;margin-left:auto;height:100%;cursor:pointer;font-family:var(--f-display);font-weight:600;letter-spacing:0.08em;text-transform:uppercase;font-size:0.9rem;}
.nav-toggle svg{width:24px;height:24px;stroke:var(--ink);stroke-width:2;fill:none;stroke-linecap:round;}
.nav-toggle .x{display:none;}
.nav-toggle[aria-expanded="true"] .x{display:block;}
.nav-toggle[aria-expanded="true"] .bars{display:none;}
.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--ink);max-height:calc(100dvh - 72px);overflow:auto;}
.nav.is-open{display:block;}
.nav__list{flex-direction:column;height:auto;}
.nav__list > li{flex-direction:column;border-top:1px solid var(--rule);}
.nav__link{padding:1rem var(--gutter);height:auto;width:100%;justify-content:space-between;}
.nav__link::after{display:none;}
.nav__sub{position:static;border:0;border-top:1px solid var(--rule);background:var(--paper-2);min-width:0;columns:1;}
.nav__sub a{padding:0.65rem var(--gutter) 0.65rem calc(var(--gutter) + 1rem);}
.nav__cta{display:none;}
.build{grid-template-columns:repeat(5, 200px);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:0.5rem;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);max-width:none;width:calc(100% + 2 * var(--gutter));}
.stage{scroll-snap-align:start;}
.types{grid-template-columns:repeat(2, 1fr);gap:var(--s-4) var(--s-2);}
.sheets{grid-template-columns:1fr;}
.legend{grid-template-columns:repeat(2, 1fr);}
.legend a:nth-child(3n){border-right:1px solid var(--rule);}
.legend a:nth-child(2n){border-right:0;}
.legend a:nth-last-child(-n+3){border-bottom:1px solid var(--rule);}
.legend a:nth-last-child(-n+2){border-bottom:0;}
.about .wrap{grid-template-columns:1fr;gap:var(--s-4);}
}
@media (max-width: 600px) {
:root{--fs-2:1.0625rem;--fs-3:1.2rem;--fs-4:1.5rem;--s-5:3rem;}
.section__title{letter-spacing:0.06em;}
.brand__name{font-size:1.1rem;}
.brand__name small{display:none;}
.brand{padding-right:1rem;}
.section__head{margin-bottom:var(--s-3);}
.site-footer .wrap{grid-template-columns:1fr;}
.foot-cell{border-right:0;margin-right:0;padding-right:0;border-top:1px solid var(--rule);}
.foot-cell:first-child{border-top:0;}
.compare th, .compare td{padding:0.7rem 0.75rem;}
.compare .product{min-width:14rem;}
.compare .product img{width:56px;height:56px;}
.hero__actions .btn{width:100%;justify-content:center;}
} .stagebar{position:sticky;top:72px;z-index:40;background:var(--paper-2);border-bottom:1px solid var(--ink);}
.stagebar .wrap{display:grid;grid-template-columns:minmax(16rem, 26rem) 1fr;gap:var(--s-5);align-items:center;min-height:112px;padding-block:0.6rem;}
.stagebar__art{width:100%;height:auto;max-height:100px;overflow:visible;}
.stagebar__art .ln{fill:none;stroke:var(--line);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.stagebar__art .ln--thin{stroke-width:1.25;}
.stagebar__art .ln--dash{stroke-dasharray:4 3;stroke-width:1.5;}
.stagebar__art .ln--liner{stroke-width:3;stroke:var(--ink);}
.stagebar__art .soil{fill:url(#hatch);}
.stagebar__art .water{fill:var(--water-1);}
.stagebar__art .water--deep{fill:var(--water-3);}
.stagebar__art .gravel{fill:var(--gravel);}
.stagebar__art .dim{stroke:var(--ink-soft);stroke-width:1;fill:none;}
.stagebar__art .dim-t{font-family:var(--f-label);font-size:11px;font-weight:600;fill:var(--ink-soft);}
.stagebar__art .pad{fill:var(--water-1);stroke:var(--line);stroke-width:1.25;}
.stagebar__art .lily, .stagebar__art .fish{fill:var(--paper);stroke:var(--line);stroke-width:1.25;}
.stagebar__art [data-st]{transition:opacity 500ms var(--ease-out), transform 600ms var(--ease-out);transform-box:fill-box;transform-origin:50% 100%;}
.stagebar__art .water[data-st]{transform:scaleY(0);}
.stagebar[data-stage="1"] [data-st="2"], .stagebar[data-stage="1"] [data-st="3"], .stagebar[data-stage="1"] [data-st="4"], .stagebar[data-stage="1"] [data-st="5"],
.stagebar[data-stage="2"] [data-st="3"], .stagebar[data-stage="2"] [data-st="4"], .stagebar[data-stage="2"] [data-st="5"],
.stagebar[data-stage="3"] [data-st="4"], .stagebar[data-stage="3"] [data-st="5"],
.stagebar[data-stage="4"] [data-st="5"]{opacity:0;}
.stagebar[data-stage="3"] .water[data-st="3"], .stagebar[data-stage="4"] .water[data-st], .stagebar[data-stage="5"] .water[data-st]{transform:scaleY(1);}
.stagebar[data-stage="1"] [data-st="plan"]{opacity:1;}
.stagebar:not([data-stage="1"]) [data-st="plan"]{opacity:0;}
.stagebar[data-stage="1"] [data-st="2"]{opacity:0.35;}
.stagebar__steps{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;gap:0.5rem;position:relative;}
.stagebar__steps::before{content:"";position:absolute;left:0.9rem;right:0.9rem;top:0.75rem;height:1px;background:var(--ink);}
.stagebar__step{position:relative;display:grid;justify-items:center;gap:0.35rem;text-decoration:none;color:var(--ink);font-family:var(--f-label);font-weight:600;font-size:var(--fs-0);letter-spacing:0.04em;text-align:center;}
.stagebar__step i{width:1.5rem;height:1.5rem;border-radius:50%;border:1.5px solid var(--ink);background:var(--paper);display:grid;place-items:center;font-style:normal;font-size:0.8rem;transition:background var(--t-fast), color var(--t-fast);}
.stagebar__step.is-active i{background:var(--gold-deep);border-color:var(--gold-deep);}
.stagebar__step:hover span{text-decoration:underline;text-underline-offset:0.2em;}
.article-head{padding-block:var(--s-4) var(--s-3);}
.crumbs{list-style:none;margin:0 0 var(--s-2);padding:0;display:flex;flex-wrap:wrap;gap:0.4rem;font-family:var(--f-label);font-size:var(--fs-0);color:var(--ink-soft);}
.crumbs li + li::before{content:"›";margin-right:0.4rem;}
.crumbs a{text-decoration:none;}
.crumbs a:hover{text-decoration:underline;}
.article-title{font-size:clamp(1.75rem, 1rem + 2.4vw, 2.75rem);font-weight:700;letter-spacing:0.02em;text-transform:uppercase;line-height:1.08;max-width:26ch;}
.article-meta{margin-top:var(--s-2);font-family:var(--f-label);font-size:var(--fs-0);color:var(--ink-soft);display:flex;flex-wrap:wrap;gap:0.3rem 0.5rem;}
.article-meta span + span::before{content:"·";margin-right:0.5rem;}
.article-lede{margin-top:var(--s-3);font-size:var(--fs-3);line-height:1.4;color:var(--ink-soft);max-width:62ch;}
.article{padding-block:var(--s-3) var(--s-5);}
.article .wrap{display:grid;grid-template-columns:17rem minmax(0, 1fr);gap:var(--s-5);align-items:start;}
.article .wrap > *{min-width:0;}
.index{position:sticky;top:calc(72px + 112px + 1rem);}
.index h2{font-size:var(--fs-0);font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:0.75rem;}
.index ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink);}
.index li{border-bottom:1px solid var(--rule);}
.index a{display:grid;grid-template-columns:1.6rem 1fr auto;align-items:center;gap:0.75rem;padding:0.6rem 0.25rem;text-decoration:none;font-family:var(--f-label);font-weight:500;font-size:1rem;transition:background var(--t-fast);}
.index a:hover{background:var(--water-tint);}
.index i{width:1.6rem;height:1.6rem;display:grid;place-items:center;border:1px solid var(--ink);font-style:normal;font-weight:600;font-size:0.85rem;}
.index a.is-active i{background:var(--gold-deep);border-color:var(--gold-deep);}
.index a.is-active{font-weight:600;}
.index small{color:var(--ink-soft);font-variant-numeric:tabular-nums;}
.index__more{margin-top:var(--s-3);}
.index__more ol{border-top:1px solid var(--ink);}
.index__more a{grid-template-columns:1fr;}
.prose{max-width:72ch;}
.prose > * + *, .prose section > * + *{margin-top:var(--s-2);}
.prose h2{font-size:var(--fs-4);font-weight:600;letter-spacing:0.06em;text-transform:uppercase;margin-top:var(--s-5);scroll-margin-top:calc(72px + 112px + 1rem);display:flex;align-items:center;gap:0.75rem;}
.prose h2:first-child, .prose section:first-child h2{margin-top:0;}
.prose h2 + *{margin-top:var(--s-3);}
.prose > section + section, .prose > section + h2{margin-top:var(--s-5);}
.prose h2 .n{flex:none;width:2.2rem;height:2.2rem;display:grid;place-items:center;border:1.5px solid var(--ink);font-family:var(--f-label);font-size:1rem;letter-spacing:0;}
.prose h3{font-size:1.3rem;font-weight:600;margin-top:var(--s-4);letter-spacing:-0.005em;scroll-margin-top:calc(72px + 112px + 1rem);}
.prose p{line-height:1.6;}
.prose a{text-decoration-color:var(--water-3);overflow-wrap:anywhere;}
.prose p, .prose li{overflow-wrap:break-word;}
#cookie-law-info-bar{width:100% !important;max-width:100vw;box-sizing:border-box;}
.prose figure{margin:var(--s-4) 0;border:1px solid var(--ink);background:var(--paper);}
.prose figure img{width:100%;height:auto;}
.prose figcaption{padding:0.6rem 1rem;border-top:1px solid var(--ink);font-family:var(--f-label);font-size:var(--fs-0);color:var(--ink-soft);display:flex;justify-content:space-between;gap:1rem;}
.prose ul{padding-left:1.2rem;}
.prose li + li{margin-top:0.3rem;}
.note{border:1px solid var(--ink);padding:1rem 1.25rem 1.1rem;margin-top:var(--s-3);background:var(--paper);}
.note h4{font-family:var(--f-display);font-weight:600;font-size:var(--fs-1);letter-spacing:0.08em;text-transform:uppercase;margin:0 0 0.6rem;display:flex;align-items:center;gap:0.5rem;}
.note h4::before{content:"";width:0.6rem;height:0.6rem;background:var(--gold-deep);}
.note ul{margin:0;padding-left:1.1rem;font-family:var(--f-label);font-size:1.02rem;}
.note li + li{margin-top:0.3rem;}
.note p{margin:0;font-family:var(--f-label);font-size:1.02rem;}
.note p + p{margin-top:0.4rem;}
.note--tip h4::before{background:var(--water-3);}
.pbox{display:grid;grid-template-columns:7.5rem 1fr;gap:1.25rem;align-items:center;border:1px solid var(--ink);padding:1rem 1.25rem;margin-top:var(--s-3);background:var(--paper);position:relative;}
.pbox__eyebrow{font-family:var(--f-label);font-weight:600;font-size:var(--fs-0);letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-soft);}
.pbox img{width:7.5rem;height:7.5rem;object-fit:cover;border:1px solid var(--rule);}
.pbox__name{font-family:var(--f-display);font-weight:600;font-size:1.15rem;line-height:1.2;margin-top:0.3rem;}
.pbox__meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.4rem 0.75rem;margin-top:0.5rem;font-family:var(--f-label);font-size:var(--fs-0);color:var(--ink-soft);}
.pbox__price{font-family:var(--f-display);font-weight:700;font-size:1.25rem;color:var(--ink);}
.pbox__price small{font-weight:500;font-size:0.75rem;color:var(--ink-soft);}
.pbox__cta{margin-top:0.75rem;display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem;}
.pbox__cta .ad{font-family:var(--f-label);font-size:0.75rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-soft);}
.faq{border-top:1px solid var(--ink);margin-top:var(--s-3);}
.faq details{border-bottom:1px solid var(--rule);}
.faq summary{cursor:pointer;list-style:none;padding:0.9rem 0;font-family:var(--f-display);font-weight:600;font-size:1.1rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";font-family:var(--f-label);font-size:1.4rem;line-height:1;color:var(--ink-soft);transition:transform var(--t-fast);}
.faq details[open] summary::after{transform:rotate(45deg);}
.faq details > p{padding:0 0 1rem;max-width:70ch;}
.related{margin-top:var(--s-5);border:1px solid var(--ink);}
.related h2{font-size:var(--fs-0);font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-soft);padding:0.75rem 1rem;border-bottom:1px solid var(--ink);margin:0;}
.related ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3, 1fr);}
.related li{border-right:1px solid var(--rule);}
.related li:last-child{border-right:0;}
.related a{display:block;padding:0.9rem 1rem;text-decoration:none;}
.related a:hover{background:var(--water-tint);}
.related b{display:block;font-family:var(--f-display);font-weight:600;font-size:1.05rem;}
.related span{font-family:var(--f-label);font-size:var(--fs-0);color:var(--ink-soft);}
.author{margin-top:var(--s-4);padding-top:var(--s-3);border-top:1px solid var(--ink);font-family:var(--f-label);font-size:var(--fs-0);color:var(--ink-soft);display:flex;flex-wrap:wrap;gap:0.5rem 1.5rem;}
@media (max-width: 1100px) {
.article .wrap{grid-template-columns:14rem minmax(0, 1fr);gap:var(--s-4);}
.related ul{grid-template-columns:1fr;}
.related li{border-right:0;border-bottom:1px solid var(--rule);}
.related li:last-child{border-bottom:0;}
}
@media (max-width: 900px) {
.stagebar{position:static;}
.stagebar .wrap{grid-template-columns:1fr;gap:var(--s-2);}
.stagebar__art{max-height:72px;}
.article .wrap{grid-template-columns:minmax(0, 1fr);gap:var(--s-3);}
.index{position:sticky;top:72px;z-index:30;background:var(--paper);margin-inline:calc(-1 * var(--gutter));padding:0.5rem var(--gutter);border-bottom:1px solid var(--ink);}
.index h2, .index__more{display:none;}
.index ol{display:flex;gap:0.4rem;overflow-x:auto;border:0;padding-bottom:0.25rem;}
.index li{border:0;flex:none;}
.index a{grid-template-columns:auto auto;padding:0.35rem 0.6rem 0.35rem 0.35rem;border:1px solid var(--ink);white-space:nowrap;font-size:0.9rem;}
.index small{display:none;}
.prose h2, .prose h3{scroll-margin-top:calc(72px + 60px);}
.article-title{max-width:none;}
}
@media (max-width: 600px) {
.prose table.spec{font-size:0.9rem;}
.pbox{grid-template-columns:5rem 1fr;gap:1rem;padding:0.9rem 1rem;}
.pbox img{width:5rem;height:5rem;}
.stagebar__step span{font-size:0.7rem;letter-spacing:0;}
} .post-cover{border-block:1px solid var(--ink);background:var(--paper-2);}
.post-cover .wrap{padding-block:var(--s-3);}
.post-cover figure{margin:0;border:1px solid var(--ink);background:var(--paper);}
.post-cover img{width:100%;height:auto;aspect-ratio:16 / 7;object-fit:cover;}
.post-cover figcaption{padding:0.6rem 1rem;border-top:1px solid var(--ink);font-family:var(--f-label);font-size:var(--fs-0);color:var(--ink-soft);display:flex;justify-content:space-between;gap:1rem;}
.article--post .index{top:calc(72px + 1rem);}
.article--post .prose h2, .article--post .prose h3{scroll-margin-top:calc(72px + 1rem);}
.prose blockquote{margin:var(--s-3) 0;padding:0.25rem 0 0.25rem 1.25rem;border-left:1px solid var(--ink);font-family:var(--f-display);font-weight:500;font-size:1.25rem;line-height:1.35;}
.prose table.spec{width:100%;min-width:36rem;border-collapse:collapse;border:1px solid var(--ink);font-family:var(--f-label);font-size:1rem;}
.prose table.spec th, .prose table.spec td{padding:0.6rem 0.9rem;border:1px solid var(--ink);text-align:left;vertical-align:top;}
.prose table.spec thead th{background:var(--paper-2);font-size:var(--fs-0);letter-spacing:0.1em;text-transform:uppercase;}
.prose table.spec td.num{white-space:nowrap;font-variant-numeric:tabular-nums;}
.blog-head{padding-block:var(--s-4) var(--s-3);border-bottom:1px solid var(--ink);}
.blog-head .wrap{display:grid;grid-template-columns:1fr auto;gap:var(--s-3);align-items:end;}
.filters{display:flex;flex-wrap:wrap;gap:0.4rem;list-style:none;margin:0;padding:0;}
.filters a{display:inline-block;padding:0.4rem 0.8rem;border:1px solid var(--ink);text-decoration:none;font-family:var(--f-label);font-weight:600;font-size:var(--fs-0);letter-spacing:0.06em;text-transform:uppercase;transition:background var(--t-fast);}
.filters a:hover{background:var(--water-tint);}
.filters a[aria-current="page"]{background:var(--gold);border-color:var(--gold);}
.blog-list{padding-block:var(--s-4) var(--s-5);}
.blog-list .sheets{grid-template-columns:repeat(3, 1fr);}
.sheets > li:has(> .sheet--lead){grid-column:1 / -1;}
.sheet--lead{grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto auto;}
.sheet--lead .sheet__head{grid-column:1 / -1;}
.sheet--lead .sheet__cover{border-right:1px solid var(--ink);}
.sheet--lead .sheet__cover img{width:100%;height:100%;object-fit:cover;aspect-ratio:16 / 9;}
.sheet--lead .sheet__title{font-size:1.75rem;}
.sheet--lead .sheet__foot{grid-column:1 / -1;}
.pager{margin-top:var(--s-4);display:flex;justify-content:center;align-items:center;gap:0.4rem;font-family:var(--f-label);font-weight:600;font-variant-numeric:tabular-nums;}
.pager a, .pager span{min-width:2.4rem;height:2.4rem;display:inline-grid;place-items:center;padding:0 0.5rem;border:1px solid var(--ink);text-decoration:none;}
.pager a:hover{background:var(--water-tint);}
.pager [aria-current="page"]{background:var(--gold);border-color:var(--gold);}
.pager .gap{border:0;}
@media (max-width: 900px) {
.blog-head .wrap{grid-template-columns:1fr;align-items:start;}
.blog-list .sheets{grid-template-columns:1fr;}
.sheet--lead{grid-template-columns:1fr;}
.sheet--lead .sheet__cover{border-right:0;border-bottom:1px solid var(--ink);}
.sheet--lead .sheet__title{font-size:1.4rem;}
} .skip-link:focus{position:fixed;top:1rem;left:1rem;width:auto;height:auto;clip:auto;clip-path:none;padding:0.6rem 1rem;background:var(--gold);color:var(--ink);z-index:100;font-family:var(--f-display);font-weight:600;}
.pbox__img{display:block;width:7.5rem;height:7.5rem;border:1px solid var(--rule);background:var(--paper-2);}
.prose img{height:auto;}
.prose .wp-block-image, .prose figure.wp-caption, .prose figure.wp-block-table{margin:var(--s-4) 0;}
.prose figure.wp-block-image img, .prose .wp-caption img{border:1px solid var(--ink);}
.prose figure.wp-block-image figcaption, .prose .wp-caption-text{padding:0.6rem 0;font-family:var(--f-label);font-size:var(--fs-0);color:var(--ink-soft);}
.prose figure.wp-block-table{margin:var(--s-3) 0;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.prose figure.wp-block-table table{min-width:32rem;}
.prose table:not(.compare):not(.spec){width:100%;border-collapse:collapse;border:1px solid var(--ink);font-family:var(--f-label);font-size:1rem;}
.prose table:not(.compare):not(.spec) th, .prose table:not(.compare):not(.spec) td{padding:0.6rem 0.9rem;border:1px solid var(--ink);text-align:left;vertical-align:top;}
.prose table:not(.compare):not(.spec) thead th{background:var(--paper-2);font-size:var(--fs-0);letter-spacing:0.1em;text-transform:uppercase;}
.prose .alignleft{float:left;margin:0.3rem 1.5rem 1rem 0;max-width:45%;}
.prose .alignright{float:right;margin:0.3rem 0 1rem 1.5rem;max-width:45%;}
.prose .aligncenter{margin-inline:auto;}
.prose ol{padding-left:1.4rem;}
.prose hr{border:0;border-top:1px solid var(--ink);margin:var(--s-4) 0;}
.prose strong{font-weight:700;}
.prose pre, .prose code{font-family:ui-monospace, "SF Mono", Menlo, monospace;font-size:0.9em;}
.search-form{display:flex;gap:0.5rem;max-width:40rem;margin-top:var(--s-3);}
.search-form input[type="search"]{flex:1;font-family:var(--f-body);font-size:var(--fs-2);padding:0.7em 0.9em;border:1px solid var(--ink);border-radius:2px;background:var(--paper);color:var(--ink);min-width:0;}
.search-form input[type="search"]::placeholder{color:var(--ink-soft);}
.empty { padding: var(--s-4) 0; font-size: var(--fs-2); color: var(--ink-soft); }.yasr-star-rating{width:0;position:relative;display:inline-block;background-position:0 0;background-repeat:repeat-x;vertical-align:bottom;}
.yasr-star-rating[data-title]:hover:after{content:attr(data-title);padding:4px 8px;color:#333;position:absolute;left:0;top:100%;z-index:20;white-space:nowrap;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0px 0px 4px #222;-webkit-box-shadow:0px 0px 4px #222;box-shadow:0px 0px 4px #222;background-image:-moz-linear-gradient(top, #eeeeee, #cccccc);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));background-image:-webkit-linear-gradient(top, #eeeeee, #cccccc);background-image:-moz-linear-gradient(top, #eeeeee, #cccccc);background-image:-ms-linear-gradient(top, #eeeeee, #cccccc);background-image:-o-linear-gradient(top, #eeeeee, #cccccc);}
.yasr-star-rating .yasr-star-value{height:100%;position:absolute;}
.yasr-star-rating .yasr-star-value{position:absolute;height:100%;width:100%;background-repeat:repeat-x;}
.yasr-star-rating::before{content:none !important;}
.yasr-star-value::before{content:none !important;}
.yasr-auto-insert-overall{margin-top:10px;}
.yasr-auto-insert-visitor{margin-top:10px;}
#yasr-custom-text-before-overall{display:block;padding-right:15px;vertical-align:top;}
.yasr-vv-second-row-container{line-height:normal;display:inline-block;}
.yasr-vv-stats-text-container{display:inline-block;vertical-align:bottom;}
.yasr-dashicons-visitor-stats{cursor:pointer;display:inline-block;vertical-align:bottom;}
.yasr-vv-container-loader{display:inline-block;}
.yasr-small-block-bold{display:block;font-weight:bold;font-size:12px;}
.yasr-most-rated-text{display:block;}
.yasr-loader-multiset-visitor{display:none;}
.yasr-multiset-average{text-align:center;}
.yasr-multiset-average-text{vertical-align:super;}
.yasr-vv-stars-title-container{display:inline;}
.yasr-stars-title{margin-left:4px;vertical-align:baseline;}
.yasr-stars-title-average{font-size:12px;margin-left:4px;vertical-align:baseline;}
.yasr-widget-recent-ratings-table{border:none;}
.yasr-widget-recent-ratings-td{border:none;}
.yasr-widget-recent-ratings-text{font-weight:bold;}
#yasr-medium-rating-tooltip{font-size:14px;}
.yasr-progress-bar-row-container{width:100%;display:flex;align-items:center;padding-top:2px;padding-bottom:2px;}
.yasr-progress-bar-name{min-width:72px;font-size:14px !important;}
.yasr-single-progress-bar-container{flex-grow:12;}
.yasr-progress-bar-votes-count{flex-grow:0;text-align:center;font-size:14px !important;min-width:40px;}
.yasr-visitors-stats-tooltip{min-width:300px;text-align:center;background-color:white;color:#0a0a0a;}
.tippy-tooltip.yasr-theme{background-color:white;color:black;}
.tippy-tooltip.yasr-theme{border:1px solid #aaaaaa;}
.tippy-roundarrow{fill:#aaa !important;}
.yasr-w3-border-0{border:0!important}
.yasr-w3-border{border:1px solid #ccc!important;background:linear-gradient(to bottom,#eee,#f6f6f6);}
.yasr-w3-border-top{border-top:1px solid #ccc!important}
.yasr-w3-border-bottom{border-bottom:1px solid #ccc!important}
.yasr-w3-border-left{border-left:1px solid #ccc!important}
.yasr-w3-border-right{border-right:1px solid #ccc!important}
.yasr-w3-amber,.yasr-w3-hover-amber:hover{color:#000!important;background:linear-gradient(to bottom,#ffda44,#f1cb32);background-color:#ffce00;}
.yasr-log-container{width:98%;}
.yasr-log-div-child{padding-top:5px;border-bottom:1px solid #BBD8E7;padding-bottom:20px;}
.yasr-log-image{list-style-type:none;display:inline-block;float:left;}
.yasr-log-child-head{padding-left:37px;}
.yasr-log-vote{color:red;}
#yasr-log-vote-users{color:green;}
.yasr-log-post{color:#2683AE;}
.yasr-log-ip-date{padding-top:5px;}
.yasr-log-ip{float:left;padding-left:5px;}
.yasr-log-date{float:right;}
#yasr-log-next-rows{padding-top:15px;text-align:right;}
.yasr-log-page-navigation{padding-top:7px;text-align:center;}
.yasr-last-ratings-loader{display:none;}
.yasr-entry-title{font-size:33px;font-weight:300;line-height:1.0909090909;margin:0 0 12px 0;text-transform:uppercase;}
.yasr-entry-meta{clear:both;color:#767676;font-size:12px;font-weight:400;line-height:1.3333333333;text-transform:uppercase;}
.yasr-entry-content {
margin: 10px 0 20px 10px;
}