/* block: a2-tokens */
html,.a2-plate{--page:#F3F6FC;--card:#FFFFFF;--stripe:#F7F9FD;--text:#0B1733;--heading:#0B1733;--muted:#4A5878;--line:#DCE3F0;--link:#1747D6;--link-h:#0E2F99;--surface:#071337;--footer-bg:linear-gradient(160deg,#071337 0%,#0F2D86 100%);--plate:#FFFFFF;--no-bg:#FEE4E2;--no-tx:#B42318;--warn-bg:#FEF0C7;--warn-tx:#93370D;--yes-bg:#D1FADF;--yes-tx:#05603A;--na-bg:#EAEEF5;--na-tx:#344054;--shadow:rgba(15,45,134,.08);--drop:0 24px 48px rgba(7,19,55,.18);--drop-bd:transparent;--ring:#38BDF8;--bar:linear-gradient(90deg,#071337 0%,#0F2D86 100%);--bar-solid:#071337;--on-bar:#D6E3FF;--on-bar-hi:#FFFFFF;--accent:#8FD0FF;--pill:#FFFFFF;--pill-tx:#0F2D86;--hd-fill:rgba(255,255,255,.1);--hd-hover:rgba(255,255,255,.16);--hd-line:rgba(255,255,255,.14);--hd-edge:rgba(255,255,255,.28);--sky-tint:rgba(56,189,248,.16);--scrim:rgba(7,19,55,.6)}
html[data-theme=dark]{color-scheme:dark;--page:#0A1228;--card:#111C3A;--stripe:#15224A;--text:#E6ECFA;--heading:#FFFFFF;--muted:#A9B6D6;--line:#2A3A66;--link:#8FB4FF;--link-h:#B9D0FF;--surface:#050B1F;--footer-bg:#050B1F;--plate:#FFFFFF;--no-bg:#3A1418;--no-tx:#FDA29B;--warn-bg:#3A2A0C;--warn-tx:#FEC84B;--yes-bg:#0B2E22;--yes-tx:#6CE9A6;--na-bg:#1F2A47;--na-tx:#C3CCE0;--shadow:rgba(0,0,0,.35);--drop:0 24px 48px rgba(0,0,0,.5);--drop-bd:#2A3A66;--ring:#38BDF8;--bar:#050B1F;--bar-solid:#050B1F;--on-bar:#D6E3FF;--on-bar-hi:#FFFFFF;--accent:#8FD0FF;--pill:#FFFFFF;--pill-tx:#0F2D86;--hd-fill:rgba(255,255,255,.1);--hd-hover:rgba(255,255,255,.16);--hd-line:rgba(255,255,255,.14);--hd-edge:rgba(255,255,255,.28);--sky-tint:rgba(56,189,248,.16);--scrim:rgba(0,0,0,.6)}
/* block: a2-tokens */
html,.a2-plate{--page:#F3F6FC;--card:#FFFFFF;--stripe:#F7F9FD;--text:#0B1733;--heading:#0B1733;--muted:#4A5878;--line:#DCE3F0;--link:#1747D6;--link-h:#0E2F99;--surface:#071337;--footer-bg:linear-gradient(160deg,#071337 0%,#0F2D86 100%);--plate:#FFFFFF;--no-bg:#FEE4E2;--no-tx:#B42318;--warn-bg:#FEF0C7;--warn-tx:#93370D;--yes-bg:#D1FADF;--yes-tx:#05603A;--na-bg:#EAEEF5;--na-tx:#344054;--shadow:rgba(15,45,134,.08);--drop:0 24px 48px rgba(7,19,55,.18);--drop-bd:transparent;--ring:#38BDF8;--bar:linear-gradient(90deg,#071337 0%,#0F2D86 100%);--bar-solid:#071337;--on-bar:#D6E3FF;--on-bar-hi:#FFFFFF;--accent:#8FD0FF;--pill:#FFFFFF;--pill-tx:#0F2D86;--hd-fill:rgba(255,255,255,.1);--hd-hover:rgba(255,255,255,.16);--hd-line:rgba(255,255,255,.14);--hd-edge:rgba(255,255,255,.28);--sky-tint:rgba(56,189,248,.16);--scrim:rgba(7,19,55,.6)}
html[data-theme=dark]{color-scheme:dark;--page:#0A1228;--card:#111C3A;--stripe:#15224A;--text:#E6ECFA;--heading:#FFFFFF;--muted:#A9B6D6;--line:#2A3A66;--link:#8FB4FF;--link-h:#B9D0FF;--surface:#050B1F;--footer-bg:#050B1F;--plate:#FFFFFF;--no-bg:#3A1418;--no-tx:#FDA29B;--warn-bg:#3A2A0C;--warn-tx:#FEC84B;--yes-bg:#0B2E22;--yes-tx:#6CE9A6;--na-bg:#1F2A47;--na-tx:#C3CCE0;--shadow:rgba(0,0,0,.35);--drop:0 24px 48px rgba(0,0,0,.5);--drop-bd:#2A3A66;--ring:#38BDF8;--bar:#050B1F;--bar-solid:#050B1F;--on-bar:#D6E3FF;--on-bar-hi:#FFFFFF;--accent:#8FD0FF;--pill:#FFFFFF;--pill-tx:#0F2D86;--hd-fill:rgba(255,255,255,.1);--hd-hover:rgba(255,255,255,.16);--hd-line:rgba(255,255,255,.14);--hd-edge:rgba(255,255,255,.28);--sky-tint:rgba(56,189,248,.16);--scrim:rgba(0,0,0,.6)}
/* cyrillic-ext */
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/static/harborloot/fonts/rax8HiqOu8IVPmn7coxpPDk.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/static/harborloot/fonts/rax8HiqOu8IVPmn7e4xpPDk.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/static/harborloot/fonts/rax8HiqOu8IVPmn7cIxpPDk.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/static/harborloot/fonts/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/static/harborloot/fonts/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/static/harborloot/fonts/rax8HiqOu8IVPmn7coxpPDk.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/static/harborloot/fonts/rax8HiqOu8IVPmn7e4xpPDk.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/static/harborloot/fonts/rax8HiqOu8IVPmn7cIxpPDk.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/static/harborloot/fonts/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/static/harborloot/fonts/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@charset "UTF-8";/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}.main__content p{margin:8px 28px 24px 0}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{margin:0 2px;padding:.35em .625em .75em;border:0}legend{border:0;padding:0}textarea{overflow:auto;resize:vertical}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html *{margin:0;padding:0}.disable-hover{pointer-events:none}*,:after,:before{box-sizing:inherit}body,button,html{-moz-osx-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}.tooltipster-default{border-radius:5px;border:2px solid #000;background:#4c4c4c;color:#fff}.tooltipster-default .tooltipster-content{font-family:Arial,sans-serif;font-size:14px;line-height:16px;padding:8px 10px;overflow:hidden}.tooltipster-icon{cursor:help;margin-left:4px}.tooltipster-punk{border-radius:5px;border-top:3px solid #cf142b;background:#102c73;color:#fff}.tooltipster-punk .tooltipster-content{font-family:"Segoe UI",sans-serif;font-size:14px;line-height:16px;padding:8px 10px}.tooltipster-base{padding:0;font-size:0;line-height:0;position:absolute;left:0;top:0;z-index:9999999;pointer-events:none;width:auto;overflow:visible}.tooltipster-base .tooltipster-content{overflow:hidden}.tooltipster-arrow{display:block;text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.tooltipster-arrow span,.tooltipster-arrow-border{display:block;width:0;height:0;position:absolute}.tooltipster-arrow-top span,.tooltipster-arrow-top-left span,.tooltipster-arrow-top-right span{border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-top:8px solid;bottom:-7px}.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border{border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-top:9px solid;bottom:-7px}.tooltipster-arrow-bottom span,.tooltipster-arrow-bottom-left span,.tooltipster-arrow-bottom-right span{border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-bottom:8px solid;top:-7px}.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom-left .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border{border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-bottom:9px solid;top:-7px}.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom span,.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top span{left:0;right:0;margin:0 auto}.tooltipster-arrow-bottom-left span,.tooltipster-arrow-top-left span{left:6px}.tooltipster-arrow-bottom-left .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border{left:5px}.tooltipster-arrow-bottom-right span,.tooltipster-arrow-top-right span{right:6px}.tooltipster-arrow-bottom-right .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border{right:5px}.tooltipster-arrow-left .tooltipster-arrow-border,.tooltipster-arrow-left span{border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-left:8px solid;top:50%;margin-top:-7px;right:-7px}.tooltipster-arrow-left .tooltipster-arrow-border{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-left:9px solid;margin-top:-8px}.tooltipster-arrow-right .tooltipster-arrow-border,.tooltipster-arrow-right span{border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-right:8px solid;top:50%;margin-top:-7px;left:-7px}.tooltipster-arrow-right .tooltipster-arrow-border{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-right:9px solid;margin-top:-8px}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;transition-property:opacity}.tooltipster-fade-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow-show{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.15);transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;transition-property:transform}.tooltipster-swing-show{opacity:1;-webkit-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(0.23,0.635,0.495,2.4);transition-timing-function:cubic-bezier(0.23,0.635,0.495,2.4)}.tooltipster-fall{top:0;-webkit-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.15);transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.15)}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{left:-40px;-webkit-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.15);transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.15)}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;transition-property:all;left:0!important;opacity:0}.tooltipster-content-changing{opacity:.5;-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}.icon{display:inline-block!important}@font-face{font-family:"Segoe UI";src:local("Segoe UI"),url(/static/harborloot/fonts/segoe/segoeui.ttf);font-weight:400;font-style:normal}@font-face{font-family:"Segoe UI";src:local("Segoe UI"),url(/static/harborloot/fonts/segoe/seguisb.ttf);font-weight:600;font-style:normal}@font-face{font-family:"Segoe UI";src:local("Segoe UI"),url(/static/harborloot/fonts/segoe/segoeuib.ttf);font-weight:700;font-style:normal}@font-face{font-family:fontello;src:url(/static/harborloot/fonts/fontello_99053599.eot);src:url(/static/harborloot/fonts/fontello_99053599.eot) format("embedded-opentype"),url(/static/harborloot/fonts/fontello_99053599.woff) format("woff"),url(/static/harborloot/fonts/fontello_99053599.ttf) format("truetype"),url(/static/harborloot/fonts/fontello_99053599.svg) format("svg");font-weight:400;font-style:normal}
img{max-width:100%;height:auto}
[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-gplus:before{content:'\e804'}.icon-twitter:before{content:'\e805'}.icon-fb:before{content:'\e806'}body,html{font-size:1rem;line-height:1.5;font-family:Bitter,Arial,sans-serif;height:100%;min-height:100%}h1,h2,h3,h4,h5,h6{margin-top:1rem;line-height:1.1}h2,h3{text-transform:uppercase}h2{background:url(/static/harborloot/img/flag.png) left no-repeat;padding:5px 0 0 80px;margin:15px 0 23px;text-align:left}h3{background:url(/static/harborloot/img/diamond.png) left/29px 20px no-repeat;padding-left:38px;text-align:left}li{position:relative;margin:8px 28px 0 0;padding:0 0 0 24px;background:url(/static/harborloot/img/star-y.png) left/15px 15px no-repeat}ul>li:before{font-weight:600;color:#081849;width:32px;text-align:center;position:absolute;top:0;left:0}ol li{background:0 0;margin:8px 0 20px 50px;padding:0;text-align:justify}ul{margin:8px 0 24px 27px;padding:0;text-align:justify}.grid,.list__row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.grid__cell{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.grid__cell--top{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.grid__cell--bottom{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.grid__cell--center{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.grid__cell--baseline{-webkit-align-self:baseline;-ms-flex-item-align:baseline;align-self:baseline}.grid__cell--stretch{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.grid--top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.grid--bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.grid--center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.grid--stretch{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.grid--baseline{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}.grid--start{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.grid--end{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.grid--j-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.grid--between,.list__row{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.grid--around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.grid--fit>.grid__cell{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.grid--full>.grid__cell{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.grid--1of2>.grid__cell{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}.grid--1of3>.grid__cell{-webkit-box-flex:0;-webkit-flex:0 0 33.3333%;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%}.grid--1of4>.grid__cell{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%}.grid__gutters{margin-left:-20px}.grid__gutters>.grid__cell{padding-left:20px}.btn{cursor:pointer;display:block;position:relative;text-decoration:none;text-transform:uppercase;vertical-align:middle;text-align:center}.btn:hover{text-decoration:none}.btn--small{width:120px;font-size:14px;font-weight:700;line-height:35px;color:#fefefe}.btn--large{width:200px;font-size:20px;font-weight:700;line-height:50px;color:#fefefe;background:url(/static/harborloot/img/large-btn.png) repeat-x #00c513!important}.btn--green{box-shadow:inset 0 0 20px rgba(255,255,255,0);outline:#00c513 solid 1px!important;outline-offset:0px;border-radius:0;background:url(/static/harborloot/img/button-bg.png) repeat-x #00c513;box-shadow:0 2px 3px 0 rgba(0,0,0,.45);-webkit-transition:1.25s cubic-bezier(.19, 1, .22, 1);transition:1.25s cubic-bezier(.19, 1, .22, 1);overflow:hidden;text-shadow:1px 1px 2px #427388}.btn--green span{z-index:20}.btn--green:after{background:#fff;content:"";height:155px;left:-75px;opacity:.2;position:absolute;top:-50px;-webkit-transform:rotate(35deg);-ms-transform:rotate(35deg);transform:rotate(35deg);-webkit-transition:550ms cubic-bezier(.19, 1, .22, 1);transition:550ms cubic-bezier(.19, 1, .22, 1);width:50px;z-index:10}.btn--green:active:after{left:120%;-webkit-transition:50ms cubic-bezier(.19, 1, .22, 1);transition:50ms cubic-bezier(.19, 1, .22, 1)}.btn--green:hover{border:1px solid;box-shadow:inset 0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.2);outline-color:rgba(255,255,255,0)!important;outline-offset:15px;text-shadow:1px 1px 2px #427388}nav,ul{list-style:none}.bottom,.footer,.header,.list,.nav,.section-5 .grid,.section-5 .list__row,.top-box,.top-text,.wrap{max-width:986px;margin:0 auto;width:100%}.hidden{display:none}.section-1{width:100%;height:95px;background:url(/static/harborloot/img/top-bg.png) repeat-x;padding-top:14px}.header{height:100%;position:relative}.header__menu-btn{background:url(/static/harborloot/img/menu-btn.png);width:41px;height:41px;position:absolute;right:12px;top:22px;cursor:pointer}@media (min-width:980px){.header__menu-btn{display:none}}.header__logo{background:url(/static/harborloot/img/logo.png) center no-repeat;width:100%;height:100%;display:block}@media (max-width:630px){.header__logo{background-size:contain}}.nav{background-color:#f5f7f9}.nav-s{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}@media (min-width:981px){.nav{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}}.nav a{color:#444;font-size:.875rem;text-transform:uppercase;text-decoration:none;padding:15px 20px;-webkit-transition:.2s linear;transition:.2s linear}.nav a:hover{background:url(/static/harborloot/img/a-bg.jpg) #00247d;box-shadow:0 3px 4px 0 rgba(0,0,0,.45);color:#fff}.top-text{margin-top:28px}@media (max-width:980px){.nav{display:none;position:absolute;width:200px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;z-index:100;right:0}.nav a{line-height:10px;padding:19px 20px 13px}.top-text{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.top-text__left h1{padding-top:17px;color:#444;font-size:2rem;width:413px;min-height:180px;border-right:1px solid #e0e0e0;padding-right:37px;line-height:1.125}.top-text__right{padding-top:17px;width:550px;text-align:justify;color:#444;font-size:.96rem;line-height:1.4}@media (max-width:980px){.top-text__left h1{margin:auto;border-right:0;width:95%;padding-right:0}.top-text__right{margin:auto;width:95%;border-bottom:1px solid #e0e0e0;padding-bottom:40px;padding-left:0}}.top-box{position:relative;padding-bottom:38px;margin-top:28px;margin-bottom:28px;border-bottom:1px solid #e0e0e0}@media (max-width:980px){.top-box{display:block;padding-bottom:120px}}@media (max-width:550px){.top-box{padding-bottom:0}}.top-box__item-1{width:300px}@media (max-width:980px){.top-box__item-1{margin:0 auto;text-align:center;border-bottom:1px solid #e0e0e0;padding-bottom:32px}}.top-box__item-1__h1{color:#444;font-size:2rem;margin-top:1.2rem;margin-bottom:10px;font-weight:400}.top-box__item-1__p{color:#cf142b;font-size:.875rem}.top-box__item-2{width:120px;height:101px;margin-left:-50px}@media (max-width:980px){.top-box__item-2{width:100%;height:300px;margin-left:0}.top-box__item-2__img-small{display:none}}.top-box__item-2__img-small{height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.top-box__item-2__img-small a{margin:auto}.top-box__item-2__img-small img{margin:auto;width:119px;height:48px}.top-box__item-2__img-small .btn{height:35px}.top-box__item-2__casino{position:absolute;right:0;top:190px}.top-box__item-2__casino__logo img{width:280px;height:119px}.top-box__item-2__casino__rating .btn{width:280px}.top-box__item-2__casino__rating .grid,.top-box__item-2__casino__rating .list__row{margin-top:16px}.top-box__item-2__casino__rating>.grid .list__row__rating__star-w,.top-box__item-2__casino__rating>.grid .list__row__rating__star-y,.top-box__item-2__casino__rating>.list__row .list__row__rating__star-w,.top-box__item-2__casino__rating>.list__row .list__row__rating__star-y{width:31px;height:31px}.top-box__item-2__casino__rating .list__row__rating__text a{font-family:"Segoe UI",sans-serif;color:#082b81;font-size:1.083rem;font-weight:600}.top-box__item-2__casino__visit a{width:280px;margin-top:24px}.top-box__item-3{background-color:#f7f7f7;width:224px;height:101px;text-align:center;text-decoration:none}@media (max-width:980px){.top-box__item-2__casino{position:initial;margin:20px auto 0;max-width:300px}.top-box__item-3{position:absolute;left:50%;margin-left:-234px}}@media (max-width:550px){.top-box__item-3{position:initial;left:0;margin:20px auto}}.top-box__item-3__h{color:#444;font-size:1.313rem;font-weight:700;text-transform:uppercase;line-height:3rem}.top-box__item-3 span{font-family:"Segoe UI",sans-serif;color:#cf142b;font-size:1rem;font-weight:600}.top-box__item-3 p{color:#444;font-family:"Segoe UI",sans-serif;font-size:1rem;font-weight:600}.top-box__item-4{background-color:#f7f7f7;width:224px;height:101px;text-align:center;text-decoration:none}@media (max-width:980px){.top-box__item-4{position:absolute;left:50%;margin-left:10px}.list>.grid,.list>.list__row{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}.top-box__item-4 p{font-family:"Segoe UI",sans-serif;color:#002fa9;font-size:2.626rem;font-weight:700;text-align:center;line-height:.8}.list{padding-bottom:15px}.list__h{color:#cf142b;font-size:.875rem}@media (max-width:550px){.top-box__item-4{position:initial;left:0;margin:20px auto}.list__h{text-align:center;font-size:1rem;padding-top:25px}}@media (max-width:980px) and (min-width:551px){.list__h{text-align:center;font-size:2rem;padding-top:25px}}.list__h--border-bottom{border-bottom:1px solid #e0e0e0;padding-bottom:3px;margin-bottom:14px}@media (max-width:980px){.list__h--border-bottom{border-bottom:none}}.list__sorted{border-radius:2px;border:1px solid #e0e0e0;background:url(/static/harborloot/img/list-span-bg.png) right no-repeat;width:118px;height:35px;margin-left:10px;cursor:pointer}.list__sorted>span{padding-left:10px}.list__sorted__span{font-family:"Segoe UI",sans-serif;color:#777;font-size:.75rem;line-height:35px;float:left;padding-left:10px}.list__sorted__items{background:#fff;z-index:62;position:relative}.list__sorted__item{font-family:"Segoe UI",sans-serif;color:#444;font-size:.75rem;line-height:35px;cursor:pointer;background-color:#fff;padding-left:10px}.list__sorted__item:hover{background-color:#f7f7f7}.list__row{position:relative;border-bottom:1px solid #e0e0e0}.list__row>div:nth-child(odd){background-color:#f7f7f7}@media (max-width:980px){.list__row{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:300px;margin:30px auto;padding-bottom:25px;height:330px}.list__row>div:nth-child(odd){background:0 0}.list__row__header{display:none}}.list__row__header{color:#444;font-size:1rem;font-weight:700;text-transform:uppercase;line-height:50px;border-top:1px solid #e0e0e0;border-bottom:1px solid #cf142b;margin-top:14px;text-align:center}.list__row__inner{height:57px;margin-top:15px;margin-bottom:10px}.list__row .list__row__inner{font-family:"Segoe UI",sans-serif;color:#444;font-size:1.75rem;line-height:57px;text-align:center}.list__row__rank{width:77px}.list__row__casino{width:153px}.list__row__casino a{margin:auto;height:48px}.list__row__casino img{margin:auto;width:119px;height:48px;vertical-align:baseline}@media (max-width:980px){.list__row__inner{margin:0;height:auto}.list__row .list__row__inner{line-height:30px}.list__row__rank__span{font-size:4.5rem;margin-left:0;margin-top:20px;position:absolute}.list__row__casino{width:74%;position:absolute;right:0}.list__row__casino img{margin:10PX 20PX 10PX 50PX;width:159px;height:68px}.list__row__bonus{margin-left:100px;margin-top:-8px}}.list__row__bonus{width:207px}.list__row__bonus .box{margin:auto;text-align:center;line-height:20px}.list__row__bonus span{font-family:"Segoe UI",sans-serif;color:#cf142b;font-size:1rem;font-weight:600;letter-spacing:.025rem;line-height:1.25;text-align:center}.list__row__bonus p{font-family:"Segoe UI",sans-serif;color:#444;font-size:1rem;font-weight:600}.list__row__features{width:163px}.list__row__features__diamond{background:url(/static/harborloot/img/diamond.png) center/contain no-repeat;width:24px;height:21px}.list__row__features__headphones{background:url(/static/harborloot/img/headphones.png) center/contain no-repeat;width:24px;height:21px}.list__row__features__phone{background:url(/static/harborloot/img/phone.png) center/contain no-repeat;width:24px;height:21px}.list__row__features__download{background:url(/static/harborloot/img/download.png) center/contain no-repeat;width:24px;height:21px}.list__row__features__tv{background:url(/static/harborloot/img/tv.png) center/contain no-repeat;width:24px;height:21px}.list__row__rating{width:164px}.list__row__rating .grid,.list__row__rating .list__row{width:110px;margin:auto;padding-top:4px}.list__row__rating__star-y{background:url(/static/harborloot/img/star-y.png) center/contain no-repeat;width:18px;height:18px}@media (max-width:980px){.list__row__bonus span{font-size:1rem;line-height:1.25}.list__row__bonus p{font-size:1rem;line-height:1.15}.list__row__features{position:absolute;bottom:12px;right:70px}.list__row__rating{position:absolute;right:20px;top:140px}.list__row__rating .grid,.list__row__rating .list__row{width:160px}.list__row__rating__star-y{width:48px;height:48px}}.list__row__rating__star-w{background:url(/static/harborloot/img/star-w.png) center/contain no-repeat;width:18px;height:18px}.list__row__rating__text{line-height:20px;text-align:center}.list__row__rating__text a{font-family:"Segoe UI",sans-serif;color:#082b81;font-size:.813rem;font-weight:600;line-height:1.539;text-decoration:underline}@media (max-width:980px){.list__row__rating__star-w{width:48px;height:48px}.list__row__rating__text{line-height:.3}.list__row__rating__text a{font-size:1rem}}.list__row__payout{width:86px}.list__row__payout .list__row__inner{font-family:"Segoe UI",sans-serif;color:#444;font-size:1.75rem;line-height:57px;text-align:center}.list__row__visit{width:144px}.list #Container .mix{display:block}@media (max-width:980px) and (min-width:881px){.list #Container .mix{float:left;margin:10px 7%}}@media (max-width:880px) and (min-width:781px){.list #Container .mix{float:left;margin:10px 5%}}@media (max-width:780px) and (min-width:761px){.list #Container .mix{float:left;margin:10px 40px}}.list .rank-1 .list__row__rank:before{content:' ';position:absolute;background:url(/static/harborloot/img/1.png) center/contain no-repeat;width:77px;height:82px;z-index:50;left:-4px}@media (max-width:980px){.list__row__payout .list__row__inner{border-radius:50%;background-color:#ebebeb;width:100px;height:100px;line-height:100px;position:absolute;top:100px;left:5px}.list__row__visit{position:absolute;top:230px;right:50px;width:200px}.list__row__visit .list__row__inner .btn--small{width:200px;font-size:20px;font-weight:700;line-height:50px;color:#fefefe;background:url(/static/harborloot/img/large-btn.png) repeat-x #00c513}.list .rank-1{background-color:#f9f1a9}.list .rank-1 .list__row__rank{width:102px;height:115px}.list .rank-1 .list__row__bonus{margin-left:100px;margin-top:-80px}.list .rank-1 .list__row__rank:before{background-size:contain;width:107px;height:119px;top:-5px;left:-2px}.list .rank-1 .list__row__payout .list__row__inner{background-color:#fff}}.list .rank-1 .list__row__inner{background-color:#f9f1a9}.list .rank-2 .list__row__rank:before{content:' ';position:absolute;background:url(/static/harborloot/img/2.png) center/contain no-repeat;width:77px;height:82px;z-index:50;left:-4px}.list .rank-2 .list__row__inner{background-color:#edeeee}@media (max-width:980px){.list .rank-2{background-color:#edeeee}.list .rank-2 .list__row__rank{width:102px;height:115px}.list .rank-2 .list__row__bonus{margin-left:100px;margin-top:-80px}.list .rank-2 .list__row__rank:before{background-size:contain;width:107px;height:119px;top:-5px;left:-2px}.list .rank-2 .list__row__inner{background:0 0}.list .rank-2 .list__row__payout .list__row__inner{background-color:#fff}.list .rank-3{background-color:#f7e0bc}.list .rank-3 .list__row__rank{width:102px;height:115px}.list .rank-3 .list__row__bonus{margin-left:100px;margin-top:-80px}}.list .rank-3 .list__row__rank:before{content:' ';position:absolute;background:url(/static/harborloot/img/3.png) center/contain no-repeat;width:77px;height:82px;z-index:50;left:-4px}.list .rank-3 .list__row__inner{background-color:#f7e0bc}.icon{background:#6495ed;position:relative;overflow:hidden}.icon .icon-effect{position:absolute;top:-110%;left:-210%;width:200%;height:200%;z-index:111111;opacity:0;background:rgba(255,255,255,.2);background:-webkit-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 75%,rgba(255,255,255,.5) 90%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.2)),color-stop(75%,rgba(255,255,255,.2)),color-stop(90%,rgba(255,255,255,.8)),color-stop(100%,rgba(255,255,255,0)));background:linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 75%,rgba(255,255,255,.5) 90%,rgba(255,255,255,0) 100%);-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg);-webkit-transition-property:left,top,opacity;transition-property:left,top,opacity;-webkit-transition-duration:.5s,.5s,.1s;transition-duration:.5s,.5s,.1s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.mix:hover .icon-effect{opacity:1;top:-30%;left:-30%}.icon:active .icon-effect{opacity:0}.section-5{padding-bottom:30px}.main{width:100%}@media (max-width:980px){.list .rank-3 .list__row__rank:before{background-size:contain;width:107px;height:119px;top:-5px;left:-2px}.list .rank-3 .list__row__inner{background:0 0}.list .rank-3 .list__row__payout .list__row__inner{background-color:#fff}.section-5 .grid,.section-5 .list__row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.main{margin:auto;width:95%}.main__h{text-align:center}}.main__h{color:#00247d;font-size:1.313rem;font-weight:400;border-bottom:1px solid #e0e0e0;padding-bottom:5px;margin-bottom:29px}.main__h--casino{border-bottom:none}.main__content{color:#444;font-size:.96rem;font-weight:400;text-align:justify;line-height:1.54}.main__content--casino__p{margin-top:40px}.main__content--casino__img{vertical-align:baseline;margin:0 20px 5px 0}.main__content--casino .grid,.main__content--casino .list__row{margin-top:60px;height:70px}.main__content--casino .btn{width:280px;margin:auto}@media (max-width:980px){.main__content{padding-right:0}}.aside{width:30%}.aside__game-box{width:100%;max-width:400px;margin:0 auto}.aside__game-box__item{margin-top:10px;margin-bottom:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.aside__game-box__item__img{width:39%}.aside__game-box__item__text{width:59%}.aside__game-box__item__text__h{color:#3e89c7;font-size:13px;font-weight:700}@media (min-width:981px){.aside__game-box__item__text__h{font-size:9px}}.aside__game-box__item__text__p{font-size:11px;margin:5px}.aside__game-box__item__text__find{color:#78b0dc;font-size:9px;border:1px solid #e6e6e6;background-color:#f0f0f0;padding:3px;border-radius:3px;text-decoration:none}@media (min-width:981px){.aside__game-box__item__text__p{font-size:9px;margin:1px}.aside__game-box__item__text__find{text-align:left;margin-top:10px}}.aside__game-box__item__text__date{font-size:10px;color:#969696;text-align:right;margin-top:-15px}@media (max-width:500px){.aside__game-box__item__text__date{text-align:left;margin-top:10px}}.aside__top-box__item:last-child{border-bottom:none}.aside__top-box__item{width:290px;height:75px;margin:15px auto 0;border-bottom:1px solid #e0e0e0}.aside__top-box__item__img{margin-right:24px}.aside__top-box__item__rating p{font-family:"Segoe UI",sans-serif;color:#2f2f2f;font-size:.9rem;font-weight:600}.aside__top-box__item .list__row__rating__text a:first-child{font-family:"Segoe UI",sans-serif;color:#c21515;font-size:.8rem;font-weight:600;padding-right:3px}.aside__top-box__item .list__row__rating__text a:last-child{font-family:"Segoe UI",sans-serif;color:#2445c3;font-size:.8rem;font-weight:600;padding-left:3px}.aside__top-box__item .list__row__rating__text{color:#e0e0e0}.aside__list .list__row__rating__star-w,.aside__list .list__row__rating__star-y{width:18px;height:18px}.aside__list .grid,.aside__list .list__row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.aside__casino{padding-top:310px;width:35%}@media (max-width:980px){.aside__casino{padding-top:0}.aside{margin:auto;width:95%}.aside__h{text-align:center;margin-top:50px}}.aside__h{color:#00247d;font-size:1.313rem;font-weight:400;border-bottom:1px solid #e0e0e0;padding-bottom:5px;margin-bottom:29px}.aside__content img{width:100%;max-width:400px;margin:auto;display:block}.section-6{background:url(/static/harborloot/img/footer-bg.jpg);height:238px}.footer__h{color:#cf142b;font-size:1.125rem;text-align:center;padding-top:10px;position:relative;margin-bottom:51px}.footer__h:after{content:'';position:absolute;width:220px;height:0;border-bottom:1px solid #e0e0e0;bottom:-10px;left:50%;margin-left:-110px}@media (max-width:980px){.section-6{height:138px}.footer__h{padding-top:10px}.footer__h:after{width:120px;margin-left:-60px}.footer__nav{display:none}}.footer__nav__a{font-family:"Segoe UI",sans-serif;color:#00247d;font-size:.75rem;font-weight:400;letter-spacing:.019rem;-webkit-transition:.5s linear;transition:.5s linear;text-decoration:none}.footer__nav__a:hover{color:#cf142b}.section-7{background-color:#f9fbfc;height:48px;margin-top:-66px;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0}.bottom__copy{padding-left:20px}.bottom__copy a,.bottom__copy p{font-family:"Segoe UI",sans-serif;color:#999;font-size:.688rem;letter-spacing:.017rem;line-height:48px;text-align:left}.bottom__social{float:right;margin-top:-37px;padding-right:20px}.bottom__social a{border-radius:50%;background-color:#b1b1b1;width:21px;margin-left:8px;height:21px;color:#fff;font-size:10px;display:inline-block;line-height:23px;text-align:center;text-decoration:none;-webkit-transition:.3s linear;transition:.3s linear}.bottom__social a:hover{color:#b1b1b1;background:#fff}.mix:hover .anim{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.anim{-webkit-transition:.3s linear;transition:.3s linear}
/* block: anon */
h2,h2[style]{background:url(/img/flag.png) left/60px 30px no-repeat!important;padding:5px 0 0 80px!important;margin:15px 0 23px!important;text-align:left!important;text-transform:uppercase!important;line-height:1.1!important;min-height:30px!important;display:block!important;width:auto!important;border:0!important}h3,h3[style]{background:url(/img/diamond.png) left/29px 20px no-repeat!important;padding-left:38px!important;text-align:left!important;text-transform:uppercase!important;line-height:1.1!important;min-height:20px!important;display:block!important;width:auto!important;border:0!important}li,li[style]{position:relative!important;padding:0 0 0 24px!important;margin:8px 28px 0 0!important;background:url(/img/star-y.png) left/15px 15px no-repeat!important;list-style:none!important}ol li,ol li[style]{background:none!important;padding:0!important;margin:8px 0 20px 50px!important;list-style:decimal!important}@charset "UTF-8";@font-face{font-family:Bitter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bitter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bitter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bitter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box}body{margin:0}header,main,nav,section{display:block}a{background-color:transparent}strong{font-weight:700}.main__content p{margin:8px 28px 24px 0}h1{font-size:2em;margin:1rem 0 .67em;line-height:1.1}img{border:0;vertical-align:middle;max-width:100%;height:auto}table{border-collapse:collapse;border-spacing:0}td{padding:0}html *{margin:0;padding:0}*,:after,:before{box-sizing:inherit}body,html{-moz-osx-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-size:1rem;line-height:1.5;font-family:Bitter,Arial,sans-serif;height:100%;min-height:100%}.icon{display:inline-block!important}@font-face{font-family:"Segoe UI";src:local("Segoe UI"),url('/static/harborloot/fonts/segoe/segoeui.ttf');font-weight:400;font-style:normal}@font-face{font-family:"Segoe UI";src:local("Segoe UI"),url('/static/harborloot/fonts/segoe/seguisb.ttf');font-weight:600;font-style:normal}@font-face{font-family:"Segoe UI";src:local("Segoe UI"),url('/static/harborloot/fonts/segoe/segoeuib.ttf');font-weight:700;font-style:normal}@font-face{font-family:fontello;src:url('/static/harborloot/fonts/fontello_99053599.eot');src:url('/static/harborloot/fonts/fontello_99053599.eot#iefix') format("embedded-opentype"),url('/static/harborloot/fonts/fontello_99053599.woff') format("woff"),url('/static/harborloot/fonts/fontello_99053599.ttf') format("truetype"),url('/static/harborloot/fonts/fontello_99053599.svg#fontello') format("svg");font-weight:400;font-style:normal}[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.grid,.list__row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.grid__cell{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.grid__cell--top{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.grid__cell--bottom{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.grid__cell--center{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.grid__cell--baseline{-webkit-align-self:baseline;-ms-flex-item-align:baseline;align-self:baseline}.grid__cell--stretch{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.grid--top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.grid--bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.grid--center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.grid--stretch{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.grid--baseline{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}.grid--start{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.grid--end{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.grid--j-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.grid--between,.list__row{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.grid--around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.grid--fit>.grid__cell{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.grid--full>.grid__cell{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.grid--1of2>.grid__cell{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}.grid--1of3>.grid__cell{-webkit-box-flex:0;-webkit-flex:0 0 33.3333%;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%}.grid--1of4>.grid__cell{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%}.grid__gutters{margin-left:-20px}.grid__gutters>.grid__cell{padding-left:20px}.btn{display:block;position:relative;text-decoration:none;text-transform:uppercase;vertical-align:middle;text-align:center}.btn:hover{text-decoration:none}.btn--small{width:120px;font-size:14px;font-weight:700;line-height:35px;color:#fefefe}.btn--large{width:200px;font-size:20px;font-weight:700;line-height:50px;color:#fefefe;background:url('/static/harborloot/img/large-btn.png') repeat-x #00c513!important}.btn--green{box-shadow:inset 0 0 20px rgba(255,255,255,0);outline:#00c513 solid 1px!important;outline-offset:0px;border-radius:0;background:url('/static/harborloot/img/button-bg.png') repeat-x #00c513;box-shadow:0 2px 3px 0 rgba(0,0,0,.45);overflow:hidden;text-shadow:1px 1px 2px #427388}.btn--green span{z-index:20}.btn--green:after{background:#fff;content:"";height:155px;left:-75px;opacity:.2;position:absolute;top:-50px;-webkit-transform:rotate(35deg);-ms-transform:rotate(35deg);transform:rotate(35deg);width:50px;z-index:10}.btn--green:active:after{left:120%}.btn--green:hover{border:1px solid;box-shadow:inset 0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.2);outline-color:rgba(255,255,255,0)!important;outline-offset:15px;text-shadow:1px 1px 2px #427388}nav{list-style:none}.header,.list,.nav,.section-5 .grid,.section-5 .list__row,.top-text{max-width:986px;margin:0 auto;width:100%}.section-1{width:100%;height:95px;background:url('/static/harborloot/img/top-bg.png') repeat-x;padding-top:14px}.header{height:100%;position:relative}.header__menu-btn{background:url('/static/harborloot/img/menu-btn.png');width:41px;height:41px;position:absolute;right:12px;top:22px}@media (min-width:980px){.header__menu-btn{display:none}}.header__logo{background:url('/static/harborloot/img/logo.png') center no-repeat;width:100%;height:100%;display:block}@media (max-width:630px){.header__logo{background-size:contain}}.nav{background-color:#f5f7f9}.nav-s{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}@media (min-width:981px){.nav{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}}.nav a{color:#444;font-size:.875rem;text-transform:uppercase;text-decoration:none;padding:15px 20px}.nav a:hover{background:url('/static/harborloot/img/a-bg.jpg') #00247d;box-shadow:0 3px 4px 0 rgba(0,0,0,.45);color:#fff}.top-text{margin-top:28px}@media (max-width:980px){.nav{display:none;position:absolute;width:200px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;z-index:100;right:0}.nav a{line-height:10px;padding:19px 20px 13px}.top-text{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.top-text__left h1{padding-top:17px;color:#444;font-size:2rem;width:413px;min-height:180px;border-right:1px solid #e0e0e0;padding-right:37px;line-height:1.125}.top-text__right{padding-top:17px;width:550px;text-align:justify;color:#444;font-size:.96rem;line-height:1.4}@media (max-width:980px){.top-text__left h1{margin:auto;border-right:0;width:95%;padding-right:0}.top-text__right{margin:auto;width:95%;border-bottom:1px solid #e0e0e0;padding-bottom:40px;padding-left:0}.list>.grid,.list>.list__row{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}.list{padding-bottom:15px}.list__h{color:#cf142b;font-size:.875rem}@media (max-width:550px){.list__h{text-align:center;font-size:1rem;padding-top:25px}}@media (max-width:980px) and (min-width:551px){.list__h{text-align:center;font-size:2rem;padding-top:25px}}.list__h--border-bottom{border-bottom:1px solid #e0e0e0;padding-bottom:3px;margin-bottom:14px}@media (max-width:980px){.list__h--border-bottom{border-bottom:none}}.list__sorted{border-radius:2px;border:1px solid #e0e0e0;background:url('/static/harborloot/img/list-span-bg.png') right no-repeat;width:118px;height:35px;margin-left:10px}.list__sorted>span{padding-left:10px}.list__sorted__span{font-family:"Segoe UI",sans-serif;color:#777;font-size:.75rem;line-height:35px;float:left;padding-left:10px}.list__sorted__items{background:#fff;z-index:62;position:relative}.list__sorted__item{font-family:"Segoe UI",sans-serif;color:#444;font-size:.75rem;line-height:35px;background-color:#fff;padding-left:10px}.list__sorted__item:hover{background-color:#f7f7f7}.list__row{position:relative;border-bottom:1px solid #e0e0e0}.list__row>div:nth-child(odd){background-color:#f7f7f7}@media (max-width:980px){.list__row{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:300px;margin:30px auto;padding-bottom:25px;height:330px}.list__row>div:nth-child(odd){background:0 0}.list__row__header{display:none}}.list__row__header{color:#444;font-size:1rem;font-weight:700;text-transform:uppercase;line-height:50px;border-top:1px solid #e0e0e0;border-bottom:1px solid #cf142b;margin-top:14px;text-align:center}.list__row__inner{height:57px;margin-top:15px;margin-bottom:10px}.list__row .list__row__inner{font-family:"Segoe UI",sans-serif;color:#444;font-size:1.75rem;line-height:57px;text-align:center}.list__row__rank{width:77px}.list__row__casino{width:153px}.list__row__casino a{margin:auto;height:48px}.list__row__casino img{margin:auto;width:119px;height:48px;vertical-align:baseline}@media (max-width:980px){.list__row__inner{margin:0;height:auto}.list__row .list__row__inner{line-height:30px}.list__row__rank__span{font-size:4.5rem;margin-left:0;margin-top:20px;position:absolute}.list__row__casino{width:74%;position:absolute;right:0}.list__row__casino img{margin:10PX 20PX 10PX 50PX;width:159px;height:68px}.list__row__bonus{margin-left:100px;margin-top:-8px}}.list__row__bonus{width:207px}.list__row__bonus .box{margin:auto;text-align:center;line-height:20px}.list__row__bonus span{font-family:"Segoe UI",sans-serif;color:#cf142b;font-size:1rem;font-weight:600;letter-spacing:.025rem;line-height:1.25;text-align:center}.list__row__bonus p{font-family:"Segoe UI",sans-serif;color:#444;font-size:1rem;font-weight:600}.list__row__features{width:163px}.list__row__features__diamond{background:url('/static/harborloot/img/diamond.png') center/contain no-repeat;width:24px;height:21px}.list__row__features__headphones{background:url('/static/harborloot/img/headphones.png') center/contain no-repeat;width:24px;height:21px}.list__row__features__phone{background:url('/static/harborloot/img/phone.png') center/contain no-repeat;width:24px;height:21px}.list__row__features__download{background:url('/static/harborloot/img/download.png') center/contain no-repeat;width:24px;height:21px}.list__row__features__tv{background:url('/static/harborloot/img/tv.png') center/contain no-repeat;width:24px;height:21px}.list__row__rating{width:164px}.list__row__rating .grid,.list__row__rating .list__row{width:110px;margin:auto;padding-top:4px}.list__row__rating__star-y{background:url('/static/harborloot/img/star-y.png') center/contain no-repeat;width:18px;height:18px}@media (max-width:980px){.list__row__bonus span{font-size:1rem;line-height:1.25}.list__row__bonus p{font-size:1rem;line-height:1.15}.list__row__features{position:absolute;bottom:12px;right:70px}.list__row__rating{position:absolute;right:20px;top:140px}.list__row__rating .grid,.list__row__rating .list__row{width:160px}.list__row__rating__star-y{width:48px;height:48px}}.list__row__rating__star-w{background:url('/static/harborloot/img/star-w.png') center/contain no-repeat;width:18px;height:18px}.list__row__rating__text{line-height:20px;text-align:center}.list__row__rating__text a{font-family:"Segoe UI",sans-serif;color:#082b81;font-size:.813rem;font-weight:600;line-height:1.539;text-decoration:underline}@media (max-width:980px){.list__row__rating__star-w{width:48px;height:48px}.list__row__rating__text{line-height:.3}.list__row__rating__text a{font-size:1rem}}.list__row__payout{width:86px}.list__row__payout .list__row__inner{font-family:"Segoe UI",sans-serif;color:#444;font-size:1.75rem;line-height:57px;text-align:center}.list__row__visit{width:144px}.list #Container .mix{display:block}@media (max-width:980px) and (min-width:881px){.list #Container .mix{float:left;margin:10px 7%}}@media (max-width:880px) and (min-width:781px){.list #Container .mix{float:left;margin:10px 5%}}@media (max-width:780px) and (min-width:761px){.list #Container .mix{float:left;margin:10px 40px}}.list .rank-1 .list__row__rank:before{content:' ';position:absolute;background:url('/static/harborloot/img/1.png') center/contain no-repeat;width:77px;height:82px;z-index:50;left:-4px}@media (max-width:980px){.list__row__payout .list__row__inner{border-radius:50%;background-color:#ebebeb;width:100px;height:100px;line-height:100px;position:absolute;top:100px;left:5px}.list__row__visit{position:absolute;top:230px;right:50px;width:200px}.list__row__visit .list__row__inner .btn--small{width:200px;font-size:20px;font-weight:700;line-height:50px;color:#fefefe;background:url('/static/harborloot/img/large-btn.png') repeat-x #00c513}.list .rank-1{background-color:#f9f1a9}.list .rank-1 .list__row__rank{width:102px;height:115px}.list .rank-1 .list__row__bonus{margin-left:100px;margin-top:-80px}.list .rank-1 .list__row__rank:before{background-size:contain;width:107px;height:119px;top:-5px;left:-2px}.list .rank-1 .list__row__payout .list__row__inner{background-color:#fff}}.list .rank-1 .list__row__inner{background-color:#f9f1a9}.list .rank-2 .list__row__rank:before{content:' ';position:absolute;background:url('/static/harborloot/img/2.png') center/contain no-repeat;width:77px;height:82px;z-index:50;left:-4px}.list .rank-2 .list__row__inner{background-color:#edeeee}@media (max-width:980px){.list .rank-2{background-color:#edeeee}.list .rank-2 .list__row__rank{width:102px;height:115px}.list .rank-2 .list__row__bonus{margin-left:100px;margin-top:-80px}.list .rank-2 .list__row__rank:before{background-size:contain;width:107px;height:119px;top:-5px;left:-2px}.list .rank-2 .list__row__inner{background:0 0}.list .rank-2 .list__row__payout .list__row__inner{background-color:#fff}.list .rank-3{background-color:#f7e0bc}.list .rank-3 .list__row__rank{width:102px;height:115px}.list .rank-3 .list__row__bonus{margin-left:100px;margin-top:-80px}}.list .rank-3 .list__row__rank:before{content:' ';position:absolute;background:url('/static/harborloot/img/3.png') center/contain no-repeat;width:77px;height:82px;z-index:50;left:-4px}.list .rank-3 .list__row__inner{background-color:#f7e0bc}.icon{background:#6495ed;position:relative;overflow:hidden}.icon .icon-effect{position:absolute;top:-110%;left:-210%;width:200%;height:200%;z-index:111111;opacity:0;background:rgba(255,255,255,.2);background:-webkit-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 75%,rgba(255,255,255,.5) 90%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.2)),color-stop(75%,rgba(255,255,255,.2)),color-stop(90%,rgba(255,255,255,.8)),color-stop(100%,rgba(255,255,255,0)));background:linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 75%,rgba(255,255,255,.5) 90%,rgba(255,255,255,0) 100%);-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.mix:hover .icon-effect{opacity:1;top:-30%;left:-30%}.section-5{padding-bottom:30px}.main{width:100%}.main__content{color:#444;font-size:.96rem;font-weight:400;text-align:justify;line-height:1.54}.section-6{background:url('/static/harborloot/img/footer-bg.jpg');height:238px}@media (max-width:980px){.list .rank-3 .list__row__rank:before{background-size:contain;width:107px;height:119px;top:-5px;left:-2px}.list .rank-3 .list__row__inner{background:0 0}.list .rank-3 .list__row__payout .list__row__inner{background-color:#fff}.section-5 .grid,.section-5 .list__row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.main{margin:auto;width:95%}.main__content{padding-right:0}.section-6{height:138px}}.section-7{background-color:#f9fbfc;height:48px;margin-top:-66px;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0}.mix:hover .anim{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
/* Логотип шапки — 2026-09-18. Присланная версия рисовалась в натуральную
величину 78px при высоте полосы 95px: воздуха не оставалось совсем.
Уменьшен до 56px. Сдвиг на 7px вверх компенсирует padding-top:14px
у .section-1 — без него фон центрируется ниже середины полосы.
Правило только для десктопа: на узких экранах действует background-size:contain,
там логотип подгоняется по ширине экрана. !important нужен потому,
что main.min.css подключён через preload и применяется позже. */
@media (min-width:981px){
.header__logo{background-size:auto 56px!important;background-position:50% calc(50% - 7px)!important}
}
/* На узких экранах логотип шёл от края до края и упирался в кнопку меню
(41px, отступ справа 12px). Задавать одну ширину нельзя — высота тогда
считается сама и на планшете логотип раздувается выше полосы. Поэтому
вписываем его в поле с отступами: padding сжимает область, а contain
подгоняет картинку сразу по обеим сторонам. */
@media (max-width:980px){
.header__logo{
box-sizing:border-box!important;
padding:12px 64px 12px 12px!important;
background-origin:content-box!important;
background-size:contain!important;
background-position:left calc(50% - 7px)!important;
}
}
/* block: mobile-review-redesign */
/* Default desktop: hide mobile-only blocks */
.review-mobile-only { display: none !important; }
@media (max-width:980px) {
/* Show mobile blocks, hide desktop top-box */
.review-mobile-only { display: block !important; }
.review-desktop-only { display: none !important; }
/* Body bg per spec */
body { background: #f7f8fa !important; }
/* Compact header — § 4 */
.review-mobile-header {
padding: 16px 16px 12px !important;
text-align: center !important;
border-bottom: 1px solid #eeeeee !important;
background: #ffffff !important;
margin: 0 !important;
}
.rmh-casino-name {
font-family: Georgia, serif !important;
font-size: 22px !important;
line-height: 1.1 !important;
letter-spacing: 1.5px !important;
font-weight: 600 !important;
color: #333 !important;
text-transform: uppercase !important;
}
.rmh-subtitle {
margin-top: 4px !important;
font-size: 10px !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
color: #b00020 !important;
}
/* Casino card — § 5 */
.casino-card {
width: calc(100% - 32px) !important;
max-width: 430px !important;
margin: 20px auto 16px !important;
padding: 22px 18px 18px !important;
border-radius: 18px !important;
background: #ffffff !important;
border: 1px solid #eeeeee !important;
box-shadow: 0 8px 28px rgba(0,0,0,0.08) !important;
text-align: center !important;
box-sizing: border-box !important;
}
/* Logo box — § 6 */
.logo-box {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 10px 14px !important;
border-radius: 12px !important;
background: #2b2f38 !important;
margin-bottom: 14px !important;
}
.casino-logo {
display: block !important;
max-width: 180px !important;
width: 70% !important;
height: auto !important;
}
/* Rating — § 7 */
.casino-card .rating {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
margin-bottom: 14px !important;
}
.casino-card .stars {
font-size: 20px !important;
color: #f5b400 !important;
letter-spacing: 1px !important;
}
.casino-card .score {
font-size: 15px !important;
font-weight: 700 !important;
color: #111827 !important;
}
/* Bonus title — § 8 */
.casino-card .bonus-title {
font-size: 17px !important;
font-weight: 800 !important;
line-height: 1.25 !important;
color: #111827 !important;
margin-bottom: 6px !important;
}
.casino-card .trust-row {
font-size: 12px !important;
color: #6b7280 !important;
line-height: 1.4 !important;
margin-bottom: 16px !important;
}
/* Primary CTA — § 9 */
.casino-card .primary-cta {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 54px !important;
border-radius: 12px !important;
background: #0a8229 !important;
color: #ffffff !important;
font-size: 16px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: 0.3px !important;
text-decoration: none !important;
box-shadow: 0 6px 16px rgba(10,170,54,0.25) !important;
outline: none !important;
border: 0 !important;
/* override site .btn background pattern */
background-image: none !important;
}
/* Micro legal — § 10 */
.casino-card .micro-legal {
margin-top: 10px !important;
font-size: 11px !important;
line-height: 1.4 !important;
color: #6b7280 !important;
}
/* Reasons card — § 11 */
.reasons-card {
width: calc(100% - 32px) !important;
max-width: 430px !important;
margin: 0 auto 20px !important;
padding: 18px 16px !important;
border-radius: 16px !important;
background: #ffffff !important;
border: 1px solid #eeeeee !important;
box-sizing: border-box !important;
}
.reasons-card h2 {
font-size: 17px !important;
line-height: 1.3 !important;
margin: 0 0 12px !important;
color: #111827 !important;
background: none !important;
padding: 0 !important;
text-transform: none !important;
text-align: left !important;
border: 0 !important;
min-height: 0 !important;
}
.reasons-card ul {
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
}
.reasons-card li,
.reasons-card li[style] {
font-size: 14px !important;
line-height: 1.45 !important;
margin: 0 0 8px !important;
padding: 0 !important;
color: #374151 !important;
background: none !important;
list-style: none !important;
}
/* Info-notice on review pages — lighter, full width per § 12 */
.info-notice {
width: calc(100% - 32px) !important;
max-width: 430px !important;
margin: 20px auto !important;
padding: 14px 16px !important;
border-radius: 14px !important;
background: #f5f5f5 !important;
color: #444 !important;
font-size: 13px !important;
line-height: 1.45 !important;
box-sizing: border-box !important;
box-shadow: none !important;
border: 0 !important;
}
.info-notice strong { color: #333 !important; font-weight: 700 !important; }
}
/* block: mobile-list-redesign */
@media (max-width:980px) {
/* White wrapper */
body { background: #ffffff !important; }
.section-4 { background: #ffffff !important; padding-bottom: 24px !important; }
.list {
background: #ffffff !important;
max-width: 430px !important;
margin: 0 auto !important;
width: 100% !important;
padding: 0 !important;
}
.list__h, .list__h--border-bottom { display: none !important; }
/* Hide non-essential cells (header row + data rows) */
.list__row__features,
.list__row__rating,
.list__row__payout { display: none !important; }
/* Common grid layout — header + data rows */
.list__row {
display: grid !important;
grid-template-columns: 44px 108px 1fr 104px !important;
align-items: center !important;
min-height: 72px !important;
height: auto !important;
padding: 0 8px !important;
margin: 0 !important;
max-width: 100% !important;
border-bottom: 1px solid #dddddd !important;
background: #ffffff !important;
font-family: Georgia, serif !important;
flex-wrap: nowrap !important;
}
/* Header row — compact, red bottom border */
.list__row.list__row__header {
display: grid !important;
min-height: 0 !important;
height: 42px !important;
border-top: 1px solid #dddddd !important;
border-bottom: 2px solid #d91f1f !important;
background: #ffffff !important;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
color: #444 !important;
margin-top: 0 !important;
line-height: 1 !important;
}
.list__row.list__row__header > div {
text-align: center !important;
padding: 0 4px !important;
color: #444 !important;
font-size: 11px !important;
line-height: 42px !important;
height: 42px !important;
background: transparent !important;
}
/* Color-coded row backgrounds — only data rows, not header */
.list .rank-1 { background: #fff5a8 !important; }
.list .rank-2 { background: #eeeeee !important; }
.list .rank-3 { background: #ffe2b8 !important; }
.list .rank-4, .list .rank-5 { background: #f7f7f7 !important; }
.list .rank-1 .list__row__inner,
.list .rank-2 .list__row__inner,
.list .rank-3 .list__row__inner,
.list .rank-4 .list__row__inner,
.list .rank-5 .list__row__inner { background: transparent !important; }
/* === RANK cell — medal badge for top 3, number for others === */
.list__row__rank {
width: 44px !important;
flex: 0 0 44px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 52px !important;
position: relative !important;
text-align: center !important;
}
.list .rank-1 .list__row__rank,
.list .rank-2 .list__row__rank,
.list .rank-3 .list__row__rank {
width: 44px !important;
height: 52px !important;
}
.list .rank-1 .list__row__rank:before,
.list .rank-2 .list__row__rank:before,
.list .rank-3 .list__row__rank:before {
content: " " !important;
position: absolute !important;
width: 42px !important;
height: 52px !important;
top: 0 !important;
left: 1px !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
z-index: 0 !important;
}
.list__row__rank .list__row__inner {
font-size: 26px !important;
font-family: Georgia, serif !important;
color: #444 !important;
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
text-align: center !important;
height: auto !important;
position: relative !important;
z-index: 1 !important;
}
/* For top-3, hide the text number — medal PNG already shows the digit */
.list .rank-1 .list__row__rank .list__row__inner,
.list .rank-2 .list__row__rank .list__row__inner,
.list .rank-3 .list__row__rank .list__row__inner {
color: transparent !important;
font-size: 0 !important;
}
/* Reset rank__span on mobile */
.list__row__rank__span {
font-size: 26px !important;
margin: 0 !important;
position: static !important;
line-height: 1 !important;
text-align: center !important;
width: auto !important;
color: #444 !important;
}
/* === CASINO logo cell === */
.list__row__casino {
width: 108px !important;
flex: 0 0 108px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
position: static !important;
}
.list__row__casino .list__row__inner {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: auto !important;
line-height: 1 !important;
width: 100% !important;
}
.list__row__casino a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: auto !important;
margin: 0 auto !important;
}
.list__row__casino img {
max-width: 96px !important;
max-height: 42px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
margin: 0 auto !important;
display: block !important;
}
/* === BONUS cell === */
.list__row__bonus {
width: auto !important;
flex: 1 1 auto !important;
padding: 0 8px !important;
margin: 0 !important;
display: block !important;
}
.list__row__bonus .list__row__inner {
background: transparent !important;
height: auto !important;
line-height: 1.3 !important;
text-align: left !important;
display: block !important;
}
.list__row__bonus .box {
margin: 0 !important;
text-align: left !important;
line-height: 1.3 !important;
}
.list__row__bonus span {
font-size: 14px !important;
line-height: 1.3 !important;
color: #333 !important;
font-weight: 700 !important;
font-family: Georgia, serif !important;
}
.list__row__bonus p {
font-size: 12px !important;
line-height: 1.3 !important;
margin: 2px 0 0 !important;
color: #555 !important;
font-weight: 400 !important;
font-family: Georgia, serif !important;
}
.list .rank-1 .list__row__bonus,
.list .rank-2 .list__row__bonus,
.list .rank-3 .list__row__bonus {
margin-left: 0 !important;
margin-top: 0 !important;
}
/* === VISIT button cell === */
.list__row__visit {
width: 104px !important;
flex: 0 0 104px !important;
position: static !important;
top: auto !important;
right: auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
margin: 0 !important;
}
.list__row__visit .list__row__inner {
display: flex !important;
justify-content: center !important;
align-items: center !important;
height: auto !important;
width: 100% !important;
padding: 0 !important;
}
.list__row__visit .btn--small,
.list__row__visit .btn--green,
.list__row__visit .list__row__inner .btn--small {
width: 96px !important;
height: 38px !important;
line-height: 38px !important;
font-size: 11px !important;
font-weight: 800 !important;
background: #05a51c !important;
background-image: none !important;
color: #ffffff !important;
text-transform: uppercase !important;
text-decoration: none !important;
text-align: center !important;
border-radius: 0 !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.18) !important;
letter-spacing: 0.3px !important;
outline: none !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.list__row__visit .btn--green:after,
.list__row__visit .btn--green:hover { display: none !important; }
}
@media (max-width: 380px) {
.list__row,
.list__row.list__row__header {
grid-template-columns: 40px 96px 1fr 92px !important;
padding: 0 6px !important;
}
.list__row__casino img { max-width: 86px !important; }
.list__row__bonus span { font-size: 13px !important; }
.list__row__bonus p { font-size: 11px !important; }
.list__row__visit .btn--small {
width: 88px !important; height: 36px !important;
font-size: 10px !important; line-height: 36px !important;
}
}
/* block: aside-cards-redesign */
/* Universal aside card — order: logo → stars+score → bonus → CTA → review → legal */
.aside-card {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
padding: 14px 12px !important;
margin: 0 0 12px !important;
border: 1px solid #e5e7eb !important;
border-radius: 12px !important;
background: #ffffff !important;
text-align: center !important;
box-shadow: 0 4px 14px rgba(0,0,0,0.04) !important;
box-sizing: border-box !important;
list-style: none !important;
}
.aside-card__logo {
display: flex !important;
justify-content: center !important;
align-items: center !important;
min-height: 54px !important;
margin: 0 auto 4px !important;
background: transparent !important;
}
.aside-card__logo a {
display: block !important;
margin: 0 auto !important;
}
.aside-card__logo img {
max-width: 140px !important;
max-height: 48px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
display: block !important;
margin: 0 auto !important;
vertical-align: middle !important;
}
.aside-card__rating {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
line-height: 1 !important;
margin: 0 !important;
}
.aside-card__stars {
font-size: 16px !important;
color: #f5b400 !important;
letter-spacing: 1px !important;
line-height: 1 !important;
font-family: Arial, sans-serif !important;
}
.aside-card__score {
font-size: 13px !important;
font-weight: 700 !important;
color: #111827 !important;
}
.aside-card__bonus {
font-size: 13px !important;
line-height: 1.35 !important;
color: #333 !important;
font-weight: 600 !important;
padding: 0 4px !important;
margin: 0 !important;
}
.aside-card__cta {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 44px !important;
border-radius: 8px !important;
background: #0a8229 !important;
background-image: none !important;
color: #ffffff !important;
font-size: 13px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
text-decoration: none !important;
letter-spacing: 0.3px !important;
box-shadow: 0 4px 10px rgba(10,170,54,0.22) !important;
outline: none !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.aside-card__cta:hover { background: #0a9531 !important; }
.aside-card__review {
display: block !important;
font-size: 12px !important;
font-weight: 600 !important;
color: #082b81 !important;
text-decoration: underline !important;
margin: 0 !important;
padding: 2px 0 !important;
}
.aside-card__legal {
font-size: 11px !important;
line-height: 1.3 !important;
color: #777 !important;
margin: 4px 0 0 !important;
}
/* aside heading */
.aside__h {
font-size: 18px !important;
font-weight: 700 !important;
text-align: center !important;
margin: 0 0 14px !important;
padding: 0 !important;
background: none !important;
text-transform: uppercase !important;
border: 0 !important;
min-height: 0 !important;
color: #111 !important;
letter-spacing: 0.5px !important;
}
.aside__list { padding: 0 !important; margin: 0 !important; list-style: none !important; }
.aside__top-box { margin: 0 !important; padding: 0 !important; background: transparent !important; }
@media (max-width:980px) {
.aside.aside__casino {
width: 100% !important;
max-width: 430px !important;
margin: 24px auto !important;
padding: 0 16px !important;
box-sizing: border-box !important;
float: none !important;
}
}
/* block: home-a2 */
html body{background:var(--page)!important;color:var(--text);margin:0;font-family:'IBM Plex Sans',system-ui,-apple-system,Roboto,Arial,sans-serif!important}
html body .wrapper{background:none!important;overflow:visible!important}
/* header: logo of the A2 header (TASK-0104 menu B: partial a2-menu-css, snippet a2menu) */
html body .a2-hd .a2-logo{display:block!important;width:250px!important;height:44px!important;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='44' viewBox='0 0 250 44'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%230F2D86'/%3E%3Cstop offset='.6' stop-color='%231B5BF0'/%3E%3Cstop offset='1' stop-color='%2338BDF8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(1 1) scale(.875)'%3E%3Crect width='48' height='48' rx='12' fill='url(%23g)'/%3E%3Crect x='.75' y='.75' width='46.5' height='46.5' rx='11.25' fill='none' stroke='%23FFFFFF' stroke-opacity='.28' stroke-width='1.5'/%3E%3Ccircle cx='14' cy='14.5' r='4.2' fill='%2312B76A'/%3E%3Crect x='22' y='12' width='16' height='5' rx='2.5' fill='%23FFFFFF'/%3E%3Ccircle cx='14' cy='24' r='4.2' fill='%23F79009'/%3E%3Crect x='22' y='21.5' width='12' height='5' rx='2.5' fill='%23FFFFFF' fill-opacity='.85'/%3E%3Ccircle cx='14' cy='33.5' r='4.2' fill='%23F04438'/%3E%3Crect x='22' y='31' width='8' height='5' rx='2.5' fill='%23FFFFFF' fill-opacity='.7'/%3E%3C/g%3E%3Cg font-family='IBM Plex Sans Condensed,Arial Narrow,Arial,sans-serif' font-weight='700' font-size='18'%3E%3Ctext x='54' y='19' fill='%23FFFFFF'%3EHarborLoot%3C/text%3E%3Ctext x='54' y='38' fill='%238FD0FF'%3ECasino Guide%3C/text%3E%3C/g%3E%3C/svg%3E") left center/contain no-repeat!important}
/* page frame */
.hp{display:block;margin:0;padding:0 0 56px;text-align:left}
.hp *,.hp *::before,.hp *::after{box-sizing:border-box}
html body .hp-art,html body .hp-art p,html body .hp-art li,html body .hp-art td{text-align:left!important}
.hp-in{max-width:1200px;margin:0 auto;padding:0 24px}
/* first screen: H1, intro, byline on the gradient; status card on white */
.hp-hero{color:#FFFFFF;background:radial-gradient(900px 420px at 85% 10%,rgba(56,189,248,.45),transparent 60%),linear-gradient(135deg,#071337 0%,#0F2D86 45%,#1B5BF0 85%,#2A8CF7 100%)}
.hp-hero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start;padding-top:48px;padding-bottom:64px}
html body .hp h1{margin:0 0 20px!important;padding:0!important;background:none!important;color:#FFFFFF!important;font:700 54px/56px 'IBM Plex Sans Condensed','Arial Narrow',system-ui,sans-serif!important;letter-spacing:normal!important;text-transform:none!important;text-align:left!important;text-wrap:balance}
html body .hp h1::before,html body .hp h1::after{content:none!important;display:none!important}
html body .hp-hero__main .toca-p{margin:0 0 20px!important;color:#D6E3FF!important;font-size:18px!important;line-height:28px!important;text-align:left!important}
.hp-hero__main strong,.hp-hero__main em{color:#FFFFFF}
.hp-hero__main a{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px}
.hp-hero__main a:hover{color:#D6E3FF}
.hp-hero .toca-byline{margin:0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.2);color:#D6E3FF;font:400 13px/20px 'IBM Plex Mono',ui-monospace,Menlo,monospace}
.hp-hero .toca-byline strong{color:#FFFFFF;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
html body .hp-hero .toca-notice{display:flex;flex-direction:column;gap:12px;margin:0!important;padding:20px 22px!important;border:0!important;border-radius:18px;background:var(--card)!important;color:var(--muted);box-shadow:0 12px 40px var(--shadow);font-size:14px;line-height:21px}
html body .hp-hero .toca-notice .toca-p{margin:0!important;color:var(--muted)!important;font-size:14px!important;line-height:21px!important}
.hp-hero .toca-notice strong{color:var(--text)}
.hp-hero .toca-notice a{color:var(--link)}
html body .hp-hero .toca-notice .hp-legal{order:-2;padding:12px 14px!important;border-left:4px solid #F04438;border-radius:10px;background:var(--no-bg);color:var(--text)!important;font-size:15px!important;line-height:22px!important}
.hp-hero .toca-notice .hp-legal time{font-weight:600}
.hp-days{order:-1;align-self:flex-start;display:inline-flex;align-items:baseline;gap:6px;margin:0;padding:6px 12px;border-radius:999px;background:var(--warn-bg);color:var(--warn-tx);font:600 12px/18px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}
.hp-days[hidden]{display:none}
.hp-days b{font-size:22px;line-height:24px;letter-spacing:0}
/* guide: contents on the left, article on white */
.hp-body{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:start;margin-top:40px}
.hp-body--plain{display:block}
html body .hp .toca-jump{position:sticky;top:16px;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 32px);overflow-y:auto;margin:0!important;padding:18px 12px!important;border-radius:18px;background:var(--card);box-shadow:0 6px 20px var(--shadow);font-size:0!important;line-height:0!important}
.hp .toca-jump strong{display:block;padding:0 8px 8px;color:var(--muted);font:600 12px/16px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.hp .toca-jump a{display:block;padding:6px 8px;border-radius:8px;color:var(--text);font-size:14px;line-height:20px;text-decoration:none}
.hp .toca-jump a:hover,.hp .toca-jump a:focus{background:var(--page);color:var(--link)}
/* TASK-0122 (owner: variant A): on the home page (hp-body--top, build.py) the contents sit as a wrapping row of pills
above the article from 1024px up; text keeps a reading measure, tables and cards use the full width */
@media (min-width:1024px){
.hp-body--top{display:block}
html body .hp .hp-body--top > .toca-jump{position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;max-height:none;overflow:visible;margin:0 0 16px!important;padding:0!important;border-radius:0;background:none;box-shadow:none}
.hp .hp-body--top > .toca-jump strong{flex:0 0 auto;padding:0 4px 0 0}
.hp .hp-body--top > .toca-jump a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);white-space:nowrap}
.hp-body--top .hp-art > :is(p,ul,ol,.hp-faq,figcaption){max-width:66ch}
html body .hp-body--top .hp-art .affiliate-disclosure{max-width:80ch!important} /* 14px text: 80ch = the 66ch measure of 17px paragraphs */
}
.hp-body--top a:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.hp-art{min-width:0;padding:40px 48px;border-radius:20px;background:var(--card);box-shadow:0 12px 40px var(--shadow);color:var(--text);font-size:17px;line-height:27px;text-align:left}
html body .hp-art h2{margin:48px 0 16px!important;padding:0!important;border:0!important;background:none!important;color:var(--heading)!important;font:700 32px/36px 'IBM Plex Sans Condensed','Arial Narrow',system-ui,sans-serif!important;letter-spacing:normal!important;text-transform:none!important;text-align:left!important;scroll-margin-top:140px}
html body .hp-art h3{margin:28px 0 10px!important;padding:0!important;border:0!important;background:none!important;color:var(--heading)!important;font:700 22px/28px 'IBM Plex Sans Condensed','Arial Narrow',system-ui,sans-serif!important;letter-spacing:normal!important;text-transform:none!important}
html body .hp-art h2::before,html body .hp-art h2::after,html body .hp-art h3::before,html body .hp-art h3::after,html body .hp-art li::before,html body .hp-art li::after{content:none!important;display:none!important}
html body .hp-art p{margin:0 0 16px!important;padding:0!important;font-size:17px!important;line-height:27px!important;text-transform:none!important;text-align:left!important;color:var(--text)}
html body .hp-art ul,html body .hp-art ol{margin:0 0 16px!important;padding:0 0 0 24px!important}
html body .hp-art ul{list-style:disc!important}
html body .hp-art ol{list-style:decimal!important}
html body .hp-art li{margin:0 0 6px!important;padding:0!important;background:none!important;list-style:inherit!important;text-indent:0!important;text-transform:none!important;font-size:17px!important;line-height:27px!important}
.hp-art a{color:var(--link);overflow-wrap:anywhere}
.hp-art a:hover{color:var(--link-h)}
.hp-art hr{height:0;margin:40px 0 0;border:0;border-top:1px solid var(--line)}
.hp-art > hr:first-child{display:none}
html body .hp-art .toca-fig{margin:24px 0 28px!important;padding:16px 18px!important;border:1px solid var(--line)!important;border-radius:16px;background:var(--stripe)!important}
.hp-art .toca-fig svg{display:block;max-width:100%;height:auto}
.hp-art figcaption{margin-top:10px;color:var(--muted);font-size:14px;line-height:20px}
.hp-art .toca-tw{margin:16px 0 24px;overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.hp-art .toca-table{width:100%;border-collapse:collapse;font-size:15px;line-height:22px}
html body .hp-art .toca-table th{padding:12px 14px;border-bottom:1px solid var(--line);background:var(--stripe);color:var(--muted);font:600 12px/16px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase!important;text-align:left;vertical-align:top}
html body .hp-art .toca-table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;text-transform:none!important}
.hp-art .toca-table tr:last-child td{border-bottom:0}
/* rating table: 10 columns never fit the article column (538-714px), so cards at every width (TASK-0060 layout) */
.hp-art .toca-tw{overflow:visible;border:0;border-radius:0}
.hp-art .toca-table,.hp-art .toca-table tbody,.hp-art .toca-table tr,.hp-art .toca-table td{display:block;width:auto}
.hp-art .toca-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp-art .toca-table tr{margin:0 0 12px;padding:4px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 6px 20px var(--shadow)}
html body .hp-art .toca-table td{padding:10px 0;border-bottom:1px solid var(--line)}
html body .hp-art .toca-table tr td:last-child{border-bottom:0}
.hp-art .toca-table td:first-child{font-weight:600}
.hp-art .toca-table td[data-label]::before{content:attr(data-label);display:block;margin-bottom:2px;color:var(--muted);font:600 12px/16px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}
.hp-art .toca-table td:nth-child(2) a{word-break:normal;overflow-wrap:normal}
@media (min-width:1024px){
.hp-art .toca-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;padding:4px 18px}
html body .hp-art .toca-table tr td:nth-last-child(-n+2){border-bottom:0}
}
html body .hp-art .affiliate-disclosure{margin:0!important;padding:12px 14px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:none!important;color:var(--muted)!important;font-size:14px!important;line-height:21px!important;max-width:none!important}
.hp-art .affiliate-disclosure strong{color:var(--text)}
.hp-faq{border-bottom:1px solid var(--line)}
.hp-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:12px 0;cursor:pointer;list-style:none;font:700 18px/24px 'IBM Plex Sans Condensed','Arial Narrow',system-ui,sans-serif}
.hp-faq summary::-webkit-details-marker{display:none}
.hp-faq summary::after{content:"+";flex:0 0 auto;color:var(--link);font:600 22px/24px 'IBM Plex Mono',ui-monospace,Menlo,monospace}
.hp-faq[open] summary::after{content:"\2212"}
html body .hp-faq p{margin:0 0 16px!important}
/* "Explore the site" */
html body .hp .crl{max-width:1200px!important;margin:40px auto 0!important;padding:28px 24px!important}
html body .hp .crl h2{margin:0 0 16px!important;padding:0!important;background:none!important;color:var(--heading)!important;font:700 34px/38px 'IBM Plex Sans Condensed','Arial Narrow',system-ui,sans-serif!important;text-transform:none!important;letter-spacing:normal!important}
html body .hp .crl h2::before,html body .hp .crl h2::after{content:none!important;display:none!important}
html body .hp .crl ul.crl__list a{min-height:44px;text-align:left!important;color:var(--link)!important;border-bottom:1px solid var(--line)!important;font-size:15px!important}
/* footer: brand surface */
html body footer{margin-top:0!important;padding:40px 24px!important;background:var(--footer-bg)!important;color:#D6E3FF!important;font-size:14px!important;line-height:22px!important;font-family:'IBM Plex Sans',system-ui,-apple-system,Roboto,Arial,sans-serif!important}
html body footer > section{max-width:1200px!important}
html body footer a{color:#FFFFFF!important}
html body footer .fp{border-top:1px solid rgba(255,255,255,.2)!important}
html body footer .fp h2{color:#D6E3FF!important;font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace!important}
html body footer .fp .b{border-color:var(--line)!important;border-radius:12px!important;color:var(--text)!important}
html body footer .fp .s{color:var(--muted)!important}
html body footer .fp .ic{color:var(--link)!important}
html body footer .fp .age .ic{color:var(--no-tx)!important}
html body footer .fp .tag{border-left-color:#F04438!important;background:var(--card)!important;color:var(--text)!important}
html body footer .fp .tag span{color:var(--muted)!important}
html body footer .fp .note{color:#D6E3FF!important}
html body footer .fg strong{color:#FFFFFF!important}
html body footer .fg a{color:#D6E3FF!important}
html body footer nav{border-top-color:rgba(255,255,255,.2)!important}
/* theme (TASK-0095): button in the header, plates for pictures in dark */
html body footer .fp .b{background:var(--card)!important}
html[data-theme=dark] .hp img:not([src$=".svg"]){background:var(--plate);border-radius:8px}
.a2-theme{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 0 0 auto;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.1);color:#FFFFFF;cursor:pointer}
.a2-theme:hover{background:rgba(255,255,255,.2)}
.a2-theme:focus-visible{outline:3px solid #38BDF8;outline-offset:2px}
.a2-theme svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hp-ig{display:flex;flex-direction:column;gap:24px;margin-top:32px}
.hp-ig__box{min-width:0;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 6px 20px var(--shadow);color:var(--text)}
html body .hp-ig h2{margin:0 0 6px!important;padding:0!important;border:0!important;background:none!important;color:var(--heading)!important;font:700 26px/30px 'IBM Plex Sans Condensed','IBM Plex Sans',system-ui,sans-serif!important;text-transform:none!important}
.hp-ig__q{margin:0 0 14px;font-weight:600}
.hp-ig__src{margin:14px 0 0;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:19px}
/* TASK-0108: I1 links — review on the name, outlined "Visit" (ad), one main button: the full ranking */
.hp-ig__table tbody th a{color:var(--link);text-decoration:underline;text-underline-offset:2px}
.hp-ig__ad{margin:0 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:13px;line-height:19px}
.hp-ig__ad strong{color:var(--text)}
.hp-ig__ad a{color:var(--link)}
.hp-visit{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid var(--link);border-radius:10px;color:var(--link);font-weight:600;text-decoration:none;white-space:nowrap}
.hp-visit:hover{background:var(--na-bg)}
.hp-visit:focus-visible,.hp-ig__more a:focus-visible{outline:3px solid #38BDF8;outline-offset:2px}
.hp-ig__more{margin:16px 0 0}
.hp-ig__more a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:12px;background:linear-gradient(135deg,#1747D6,#2A8CF7);color:#FFFFFF;font-weight:600;text-decoration:none}
.hp-ig__alt{margin-top:10px;color:var(--muted);font-size:14px}
.hp-ig__alt summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--link)}
.hp-num{font:600 15px 'IBM Plex Mono',ui-monospace,Menlo,monospace}
.hp-ig__table{width:100%;border-collapse:collapse}
.hp-ig__table th,.hp-ig__table td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-size:15px}
.hp-ig__table thead th{color:var(--muted);font:600 12px/16px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}
.hp-ig__table td small{color:var(--muted)}
.hp-sig{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600;line-height:18px}
.hp-sig::before{content:"";flex:none;width:8px;height:8px;border-radius:999px;background:currentColor}
.hp-sig--green{background:var(--yes-bg);color:var(--yes-tx)}
.hp-sig--yellow{background:var(--warn-bg);color:var(--warn-tx)}
.hp-sig--red{background:var(--no-bg);color:var(--no-tx)}
.hp-sig--grey{background:var(--na-bg);color:var(--na-tx)}
.hp-steps{display:flex;gap:6px;margin:0;padding:0;list-style:none}
.hp-steps li{flex:var(--ig-m) 1 0;min-width:0;display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--line);border-top:6px solid var(--link);border-radius:12px;background:var(--stripe)}
.hp-steps__t{font-weight:600}
html body .hp-ig .hp-steps li{min-width:128px;margin:0!important;padding:12px!important;text-align:left!important}
html body .hp-ig p,html body .hp-ig td,html body .hp-ig th{text-align:left!important}
.hp-steps__m{color:var(--link);font:600 13px 'IBM Plex Mono',ui-monospace,Menlo,monospace}
.hp-steps__do{color:var(--muted);font-size:14px}
.hp-steps__total{margin:12px 0 0;font:600 14px 'IBM Plex Mono',ui-monospace,Menlo,monospace}
.hp-steps__total a{color:var(--link)}
.hp-bars{max-width:760px;margin:0}
.hp-bars__g{margin:14px 0 6px;color:var(--muted);font:600 12px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}
.hp-bars__r{display:grid;grid-template-columns:140px minmax(0,1fr);column-gap:12px;align-items:center;margin:0 0 8px}
.hp-bars__t{display:flex;align-items:center;gap:8px;min-width:0}
.hp-bars__t i{flex:none;display:block;width:calc((100% - 92px) * var(--ig-w));height:20px;border-radius:4px;background:var(--link)}
.hp-bars__t b{white-space:nowrap;font-size:14px}
.hp-bars__n{grid-column:2;color:var(--muted);font-size:13px}
@media (max-width:900px){
.hp-ig__table td[data-label="Offer"]::before{content:none}
.hp-ig__table td[data-label="Offer"] .hp-visit{flex:1 1 auto}
.hp-ig__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp-ig__table,.hp-ig__table tbody,.hp-ig__table tr,.hp-ig__table th,.hp-ig__table td{display:block;width:auto}
.hp-ig__table tr{margin:0 0 10px;padding:6px 12px;border:1px solid var(--line);border-radius:14px}
.hp-ig__table tbody th{padding:6px 0;border:0;font-size:17px}
.hp-ig__table td{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 10px;padding:5px 0;border:0}
.hp-ig__table td::before{content:attr(data-label);color:var(--muted);font-size:13px}
.hp-steps{flex-direction:column}
html body .hp-ig .hp-steps li{flex:none;min-width:0;border-top-width:1px;border-left:6px solid var(--link)}
.hp-bars__r{grid-template-columns:minmax(0,1fr)}
.hp-bars__n{grid-column:1}
}
@media (max-width:1099px){html body .hp-art h2{scroll-margin-top:130px}} /* sticky header: 107px at >=1100 (guides row shown), 56px below */
@media (max-width:1023px){
.hp-body{display:block;margin-top:16px}
html body .hp .toca-jump{position:static;flex-direction:row;align-items:center;gap:8px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0 0 4px!important;border-radius:0;background:none;box-shadow:none;scrollbar-width:none}
.hp .toca-jump strong{flex:0 0 auto;padding:0 4px 0 0}
.hp .toca-jump a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);white-space:nowrap}
}
@media (max-width:760px){
html body .a2-hd .a2-logo{width:200px!important;height:36px!important}
.hp-in{padding:0 16px}
.hp-ig{gap:16px;margin-top:20px}
.hp-ig__box{padding:16px;border-radius:16px}
html body .hp-ig h2{font-size:22px!important;line-height:26px!important}
.hp-hero{background:linear-gradient(160deg,#071337 0%,#0F2D86 62%,#1747D6 100%)}
.hp-hero__grid{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:16px;padding-bottom:26px}
html body .hp h1{margin:0 0 14px!important;font-size:32px!important;line-height:34px!important}
html body .hp-hero__main .toca-p{margin:0 0 16px!important;font-size:16px!important;line-height:24px!important}
html body .hp-hero .toca-notice{padding:14px!important;border-radius:16px}
.hp-art{margin:12px -16px 0;padding:20px 16px;border-radius:0;box-shadow:none}
html body .hp-art h2{margin:36px 0 12px!important;font-size:26px!important;line-height:30px!important}
html body .hp-art .affiliate-disclosure{margin:0 0 12px!important;padding:0 0 12px!important}
html body .hp .crl{padding:20px 16px 0!important}
html body .hp .crl h2{font-size:22px!important;line-height:26px!important}
html body footer{padding:32px 16px!important}
}
/* block: a2-menu */
.a2-strip{background:var(--bar-solid);color:var(--on-bar);font:400 12.5px/1.4 'IBM Plex Sans',system-ui,sans-serif;border-bottom:1px solid var(--hd-line)}
.a2-strip__in{max-width:1200px;margin:0 auto;padding:7px 24px;display:flex;justify-content:space-between;gap:16px;box-sizing:border-box}
.a2-strip b{color:var(--on-bar-hi);font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-weight:600}
html body .a2-strip a{color:var(--accent);text-decoration:underline}
.a2-hd{position:sticky;top:0;z-index:50;background:var(--bar);color:var(--on-bar-hi);font-family:'IBM Plex Sans',system-ui,sans-serif}
.a2-hd *,.a2-hd *::before,.a2-hd *::after{box-sizing:border-box}
.a2-hd :focus-visible{outline:3px solid var(--ring);outline-offset:2px}
.a2-hd .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px}
.a2-hd .i{flex:none;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.b-in{max-width:1200px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;gap:16px;transition:height .18s}
html body .a2-hd .a2-logo{flex:0 40 250px;min-width:150px;width:auto!important;border-radius:10px}
.b-seg{flex:0 1 auto;min-width:0;display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:var(--hd-fill);border:1px solid var(--hd-line);overflow-x:auto;scrollbar-width:none}
.b-seg::-webkit-scrollbar{display:none}
/* TASK-0113: the scroller holds the hidden «(current section)» label; without this it escapes to the header and widens the page */
.b-seg{position:relative}
html body .a2-hd .b-s{flex:none;height:40px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;border-radius:999px;color:var(--on-bar);font:600 14.5px/1 'IBM Plex Sans',system-ui,sans-serif;text-decoration:none;white-space:nowrap}
.b-s:hover,.b-s.prev{background:var(--hd-hover);color:var(--on-bar-hi)}
html body .a2-hd .b-s.cur-sec{background:var(--pill);color:var(--pill-tx);font-weight:700}
.b-tools{flex:none;display:flex;align-items:center;gap:8px;margin-left:auto}
.b-tools .a2-theme{margin:0}
.b-all,.b-shead,.b-scrim{display:none}
.b-sub{background:var(--hd-fill);border-top:1px solid var(--hd-line)}
.b-lists{max-width:1200px;margin:0 auto;padding:0 24px}
.b-list{display:none;align-items:center;gap:6px;min-height:50px;padding:5px 0}
.b-list.show{display:flex}
html body .a2-hd .b-lh{flex:none;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 4px;margin-right:6px;border-radius:8px;text-decoration:none;color:var(--accent);font:600 12px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.b-lh .tile,.b-lh .b-n,.b-lh .b-la{display:none}
html body .a2-hd .b-lh:hover{color:var(--on-bar-hi)}
html body .a2-hd .b-list ul{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:2px;list-style:none;margin:0;padding:0}
html body .a2-hd .b-list li{position:static!important;flex:none;margin:0!important;padding:0!important;background:none!important;list-style:none!important;min-height:0!important}
html body .a2-hd .b-list li[hidden]{display:none}
html body .a2-hd .b-list .l{display:inline-flex;align-items:center;height:38px;padding:0 10px;border-radius:8px;color:var(--on-bar);font:400 14px/1 'IBM Plex Sans',system-ui,sans-serif;text-decoration:none;white-space:nowrap}
html body .a2-hd .b-list .l:hover{background:var(--hd-fill);color:var(--on-bar-hi)}
html body .a2-hd .b-list .l[aria-current=page]{color:var(--on-bar-hi);font-weight:600;box-shadow:inset 0 -2px 0 var(--ring);border-radius:8px 8px 0 0}
.b-more{flex:none;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--hd-edge);background:transparent;color:var(--on-bar-hi);font:600 13px 'IBM Plex Sans',system-ui,sans-serif;cursor:pointer}
.b-more:hover{background:var(--hd-fill)}
.a2-hd.compact .b-in{height:56px}
/* TASK-0120: the compact header keeps its place in the flow (margin = the 16px it lost), so the page under it never
moves, scroll anchoring never shifts scrollY and the scroll handler cannot flip it back; below 1100px home-a2-js sets it */
@media (min-width:1100px){.a2-hd{transition:margin-bottom .18s}.a2-hd.compact{margin-bottom:16px}}
@media (min-width:1280px){.b-seg{overflow-x:visible}}
@media (min-width:1100px) and (max-width:1279px){
.b-in{gap:14px}
.b-s .i{display:none}
html body .a2-hd .b-s{padding:0 12px}
}
@media (max-width:1099px){
.a2-strip__r{display:none}
.a2-strip__in{padding:6px 16px}
.b-in{flex-wrap:wrap;height:auto;padding:0;gap:0}
.a2-hd.compact .b-in{height:auto}
html body .a2-hd .a2-logo{flex:0 1 250px;margin:6px 0 6px 16px}
.b-tools{margin-left:auto;padding:6px 12px 6px 0}
.b-tools .a2-theme{width:44px;height:44px}
.b-seg{order:5;flex:0 0 100%;border-radius:0;background:transparent;border:0;border-top:1px solid var(--hd-line);padding:6px 16px;gap:8px;scroll-snap-type:x proximity;scroll-padding-left:96px}
html body .a2-hd .b-s{height:44px;padding:0 16px;background:var(--hd-fill);scroll-snap-align:start}
html body .a2-hd .b-s.cur-sec{background:var(--pill)}
.b-all{display:inline-flex;position:sticky;left:-16px;margin-left:-16px;z-index:2;flex:none;align-items:center;gap:6px;height:44px;padding:0 14px 0 16px;border:0;border-radius:0 999px 999px 0;background:var(--bar-solid);color:var(--on-bar-hi);font:600 14.5px 'IBM Plex Sans',system-ui,sans-serif;cursor:pointer;box-shadow:8px 0 12px -6px var(--scrim)} /* TASK-0133: sticky offset counts from the .b-seg padding edge (16px); -16px pins it to the screen edge, no chip scrap on its left */
.b-all[hidden]{display:none}
.b-all span{border-bottom:1px dashed var(--hd-edge)}
.b-sub{border-top:0;background:transparent}
.b-lists{padding:0}
.b-list.show{display:block;padding:0 0 10px;min-height:0}
html body .a2-hd .b-lh{display:none}
html body .a2-hd .b-list ul{flex-wrap:nowrap;overflow-x:auto;padding:0 16px;gap:8px;scrollbar-width:none;scroll-snap-type:x proximity}
.b-list ul::-webkit-scrollbar{display:none}
html body .a2-hd .b-list li[hidden]{display:block}
html body .a2-hd .b-list li{scroll-snap-align:start}
html body .a2-hd .b-list .l{height:44px;padding:0 14px;border:1px solid var(--hd-edge);border-radius:999px}
html body .a2-hd .b-list .l[aria-current=page]{box-shadow:none;border-radius:999px;border-color:var(--ring);background:var(--sky-tint)}
.b-more{display:none!important}
.a2-hd.compact .a2-logo,.a2-hd.compact .b-tools,.a2-hd.compact .b-sub:not(.open){display:none!important}
.a2-hd.compact .b-seg{border-top:0}
/* sheet: «All» on the phone */
.b-scrim:not([hidden]){display:block;position:fixed;inset:0;z-index:55;background:var(--scrim)}
.b-sub.open{position:fixed;left:0;right:0;bottom:0;top:44px;z-index:60;display:flex;flex-direction:column;background:var(--card);color:var(--text);border:1px solid var(--drop-bd);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:var(--drop);animation:a2-up .24s cubic-bezier(.2,.8,.2,1);--ring:var(--link)}
.b-sub.open .b-shead{display:grid;grid-template-columns:1fr auto;align-items:center;padding:6px 12px 6px 16px;border-bottom:1px solid var(--line);position:relative}
.b-handle{position:absolute;left:50%;top:6px;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:var(--line)}
html body .a2-hd .b-st{margin:14px 0 6px;padding:0;color:var(--heading);font:700 22px/1.2 'IBM Plex Sans Condensed','IBM Plex Sans',system-ui,sans-serif}
.b-x{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);cursor:pointer}
.b-sub.open .b-lists{overflow-y:auto;flex:1;padding:14px 16px 24px;overscroll-behavior:contain}
.b-sub.open .b-list{display:block;margin:0 0 12px;padding:0;border:1px solid var(--line);border-top:4px solid var(--hc);border-radius:16px;background:var(--card)}
.b-sub.open .b-list.cur-sec{border-color:var(--link);border-top-color:var(--hc)}
html body .a2-hd .b-sub.open .b-lh{display:flex;height:auto;min-height:58px;margin:0;padding:8px 14px;gap:12px;color:var(--text);font:700 19px 'IBM Plex Sans Condensed','IBM Plex Sans',system-ui,sans-serif;letter-spacing:0;text-transform:none;border-radius:12px 12px 0 0}
.b-sub.open .b-lh .tile{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:var(--hc);color:var(--on-bar-hi)}
.b-sub.open .b-lh .b-n{display:inline;margin-left:auto;font:600 12px 'IBM Plex Mono',ui-monospace,Menlo,monospace;color:var(--muted)}
.b-sub.open .b-lh .b-la{display:block;color:var(--link)}
html body .a2-hd .b-sub.open .b-list ul{flex-wrap:wrap;overflow:visible;padding:0 14px 14px}
html body .a2-hd .b-sub.open .b-list .l{color:var(--text);border-color:var(--line);background:var(--stripe)}
html body .a2-hd .b-sub.open .b-list .l:hover{border-color:var(--link);color:var(--link)}
html body .a2-hd .b-sub.open .b-list .l[aria-current=page]{color:var(--link);border-color:var(--link);font-weight:600;background:var(--card)}
}
@keyframes a2-up{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.a2-hd *,.a2-hd{animation:none!important;transition:none!important}}
/* block: anon */
.crl{max-width:986px;margin:32px auto 0;padding:0 16px;box-sizing:border-box}
.crl h2{font-size:22px;margin:0 0 12px}
.crl ul.crl__list{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0 18px}
.crl ul.crl__list li,.crl ul.crl__list li[style]{list-style:none!important;background:none!important;padding:0!important;margin:0!important;position:static!important}
.crl ul.crl__list li::before,.crl ul.crl__list li::after{content:none!important;display:none!important}
.crl ul.crl__list a{display:block!important;padding:8px 0!important;border-bottom:1px solid #e5e5e5;color:#1f2a44!important;font-size:16px!important;line-height:1.4!important;text-decoration:none!important;text-transform:none!important;opacity:1!important;visibility:visible!important}
.crl ul.crl__list a:hover{text-decoration:underline!important}
/* block: anon */
footer .fp{margin-top:20px;padding-top:16px;border-top:1px solid #e3dccb;text-align:left}
footer .fp h2{background:none!important;padding:0!important;margin:0 0 12px!important;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#5b5670;font-weight:600;text-align:left!important;width:auto!important}
footer .fp ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none!important;padding:0!important;margin:0!important}
footer .fp ul li{background:none!important;padding:0!important;margin:0!important;list-style:none!important;position:static!important;text-align:left!important}
footer .fp ul li::before,footer .fp ul li::after{content:none!important;display:none!important}
footer .fp .b{display:flex;align-items:center;gap:11px;height:100%;box-sizing:border-box;min-height:62px;padding:11px 13px;border:1px solid #e3dccb;border-radius:10px;background:#fff;color:#15121f!important;text-decoration:none!important;text-align:left!important;transition:border-color .15s,box-shadow .15s}
footer .fp a.b:hover,footer .fp a.b:focus{border-color:#0b5e55;box-shadow:0 1px 5px rgba(11,94,85,.16);text-decoration:none!important}
footer .fp .ic{flex:0 0 28px;width:28px;height:28px;color:#0b5e55}
footer .fp .ic svg{width:28px;height:28px;display:block}
footer .fp .tx{min-width:0}
footer .fp .t{display:block;font-weight:600;font-size:13.5px;line-height:1.25;text-align:left!important}
footer .fp .s{display:block;font-size:11.5px;line-height:1.35;color:#5b5670;margin-top:3px;text-align:left!important}
footer .fp .age .ic{color:#b3261e}
footer .fp .note{margin:12px 0 0!important;padding:0!important;width:auto!important;font-size:12px;line-height:1.5;color:#5b5670;text-align:left!important}
@media (max-width:900px){footer .fp ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
footer .fp .tag{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 14px;border-left:3px solid #b3261e;background:#fff;border-radius:0 8px 8px 0;font-size:14px;font-weight:600;color:#15121f;text-align:left!important;line-height:1.35}
footer .fp .tag span{font-weight:400;font-size:12px;color:#5b5670;white-space:nowrap}
@media (max-width:560px){footer .fp .tag{flex-wrap:wrap;gap:4px;font-size:13.5px}footer .fp .tag span{white-space:normal}}
@media (max-width:430px){footer .fp ul{grid-template-columns:1fr}}
/* block: anon */
footer .fg{display:flex;flex-wrap:wrap;gap:20px 32px;list-style:none;padding:0;margin:0}footer .fg>li{flex:1 1 200px;min-width:180px;background:none!important;padding:0!important;margin:0!important;list-style:none!important}footer .fg strong{display:block;margin-bottom:6px;color:#15121f}footer .fg ul{list-style:none;padding:0;margin:0}footer .fg ul li{background:none!important;padding:0!important;margin:0!important;list-style:none!important}footer .fg ul li a{display:inline-block;padding:6px 0}footer .fg a{color:#0b5e55;text-decoration:none}footer .fg a:hover{text-decoration:underline}
/* block: anon */
footer nav ul li, footer nav ul li[style] { background: none !important; padding: 0 !important; margin: 0 !important; list-style: none !important; }
/* block: anon */
h2,h2[style]{background:url(/img/flag.png) left/60px 30px no-repeat!important;padding:5px 0 0 80px!important;margin:15px 0 23px!important;text-align:left!important;text-transform:uppercase!important;line-height:1.1!important;min-height:30px!important;display:block!important;width:auto!important;border:0!important}h3,h3[style]{background:url(/img/diamond.png) left/29px 20px no-repeat!important;padding-left:38px!important;text-align:left!important;text-transform:uppercase!important;line-height:1.1!important;min-height:20px!important;display:block!important;width:auto!important;border:0!important}li,li[style]{position:relative!important;padding:0 0 0 24px!important;margin:8px 28px 0 0!important;background:url(/img/star-y.png) left/15px 15px no-repeat!important;list-style:none!important}ol li,ol li[style]{background:none!important;padding:0!important;margin:8px 0 20px 50px!important;list-style:decimal!important}@charset "UTF-8";@font-face{font-family:Bitter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bitter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bitter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bitter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box}body{margin:0}header,main,nav,section{display:block}a{background-color:transparent}strong{font-weight:700}.main__content p{margin:8px 28px 24px 0}h1{font-size:2em;margin:1rem 0 .67em;line-height:1.1}img{border:0;vertical-align:middle;max-width:100%;height:auto}table{border-collapse:collapse;border-spacing:0}td{padding:0}html *{margin:0;padding:0}*,:after,:before{box-sizing:inherit}body,html{-moz-osx-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-size:1rem;line-height:1.5;font-family:Bitter,Arial,sans-serif;height:100%;min-height:100%}.icon{display:inline-block!important}@font-face{font-family:"Segoe UI";src:local("Segoe UI"),url('/static/harborloot/fonts/segoe/segoeui.ttf');font-weight:400;font-style:normal}@font-face{font-family:"Segoe UI";src:local("Segoe UI"),url('/static/harborloot/fonts/segoe/seguisb.ttf');font-weight:600;font-style:normal}@font-face{font-family:"Segoe UI";src:local("Segoe UI"),url('/static/harborloot/fonts/segoe/segoeuib.ttf');font-weight:700;font-style:normal}@font-face{font-family:fontello;src:url('/static/harborloot/fonts/fontello_99053599.eot');src:url('/static/harborloot/fonts/fontello_99053599.eot#iefix') format("embedded-opentype"),url('/static/harborloot/fonts/fontello_99053599.woff') format("woff"),url('/static/harborloot/fonts/fontello_99053599.ttf') format("truetype"),url('/static/harborloot/fonts/fontello_99053599.svg#fontello') format("svg");font-weight:400;font-style:normal}[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.grid,.list__row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.grid__cell{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.grid__cell--top{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.grid__cell--bottom{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.grid__cell--center{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.grid__cell--baseline{-webkit-align-self:baseline;-ms-flex-item-align:baseline;align-self:baseline}.grid__cell--stretch{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.grid--top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.grid--bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.grid--center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.grid--stretch{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.grid--baseline{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}.grid--start{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.grid--end{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.grid--j-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.grid--between,.list__row{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.grid--around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.grid--fit>.grid__cell{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.grid--full>.grid__cell{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.grid--1of2>.grid__cell{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}.grid--1of3>.grid__cell{-webkit-box-flex:0;-webkit-flex:0 0 33.3333%;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%}.grid--1of4>.grid__cell{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%}.grid__gutters{margin-left:-20px}.grid__gutters>.grid__cell{padding-left:20px}.btn{display:block;position:relative;text-decoration:none;text-transform:uppercase;vertical-align:middle;text-align:center}.btn:hover{text-decoration:none}.btn--small{width:120px;font-size:14px;font-weight:700;line-height:35px;color:#fefefe}.btn--large{width:200px;font-size:20px;font-weight:700;line-height:50px;color:#fefefe;background:url('/static/harborloot/img/large-btn.png') repeat-x #00c513!important}.btn--green{box-shadow:inset 0 0 20px rgba(255,255,255,0);outline:#00c513 solid 1px!important;outline-offset:0px;border-radius:0;background:url('/static/harborloot/img/button-bg.png') repeat-x #00c513;box-shadow:0 2px 3px 0 rgba(0,0,0,.45);overflow:hidden;text-shadow:1px 1px 2px #427388}.btn--green span{z-index:20}.btn--green:after{background:#fff;content:"";height:155px;left:-75px;opacity:.2;position:absolute;top:-50px;-webkit-transform:rotate(35deg);-ms-transform:rotate(35deg);transform:rotate(35deg);width:50px;z-index:10}.btn--green:active:after{left:120%}.btn--green:hover{border:1px solid;box-shadow:inset 0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.2);outline-color:rgba(255,255,255,0)!important;outline-offset:15px;text-shadow:1px 1px 2px #427388}nav{list-style:none}.header,.list,.nav,.section-5 .grid,.section-5 .list__row,.top-text{max-width:986px;margin:0 auto;width:100%}.section-1{width:100%;height:95px;background:url('/static/harborloot/img/top-bg.png') repeat-x;padding-top:14px}.header{height:100%;position:relative}.header__menu-btn{background:url('/static/harborloot/img/menu-btn.png');width:41px;height:41px;position:absolute;right:12px;top:22px}@media (min-width:980px){.header__menu-btn{display:none}}.header__logo{background:url('/static/harborloot/img/logo.png') center no-repeat;width:100%;height:100%;display:block}@media (max-width:630px){.header__logo{background-size:contain}}.nav{background-color:#f5f7f9}.nav-s{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}@media (min-width:981px){.nav{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}}.nav a{color:#444;font-size:.875rem;text-transform:uppercase;text-decoration:none;padding:15px 20px}.nav a:hover{background:url('/static/harborloot/img/a-bg.jpg') #00247d;box-shadow:0 3px 4px 0 rgba(0,0,0,.45);color:#fff}.top-text{margin-top:28px}@media (max-width:980px){.nav{display:none;position:absolute;width:200px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;z-index:100;right:0}.nav a{line-height:10px;padding:19px 20px 13px}.top-text{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.top-text__left h1{padding-top:17px;color:#444;font-size:2rem;width:413px;min-height:180px;border-right:1px solid #e0e0e0;padding-right:37px;line-height:1.125}.top-text__right{padding-top:17px;width:550px;text-align:justify;color:#444;font-size:.96rem;line-height:1.4}@media (max-width:980px){.top-text__left h1{margin:auto;border-right:0;width:95%;padding-right:0}.top-text__right{margin:auto;width:95%;border-bottom:1px solid #e0e0e0;padding-bottom:40px;padding-left:0}.list>.grid,.list>.list__row{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}.list{padding-bottom:15px}.list__h{color:#cf142b;font-size:.875rem}@media (max-width:550px){.list__h{text-align:center;font-size:1rem;padding-top:25px}}@media (max-width:980px) and (min-width:551px){.list__h{text-align:center;font-size:2rem;padding-top:25px}}.list__h--border-bottom{border-bottom:1px solid #e0e0e0;padding-bottom:3px;margin-bottom:14px}@media (max-width:980px){.list__h--border-bottom{border-bottom:none}}.list__sorted{border-radius:2px;border:1px solid #e0e0e0;background:url('/static/harborloot/img/list-span-bg.png') right no-repeat;width:118px;height:35px;margin-left:10px}.list__sorted>span{padding-left:10px}.list__sorted__span{font-family:"Segoe UI",sans-serif;color:#777;font-size:.75rem;line-height:35px;float:left;padding-left:10px}.list__sorted__items{background:#fff;z-index:62;position:relative}.list__sorted__item{font-family:"Segoe UI",sans-serif;color:#444;font-size:.75rem;line-height:35px;background-color:#fff;padding-left:10px}.list__sorted__item:hover{background-color:#f7f7f7}.list__row{position:relative;border-bottom:1px solid #e0e0e0}.list__row>div:nth-child(odd){background-color:#f7f7f7}@media (max-width:980px){.list__row{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:300px;margin:30px auto;padding-bottom:25px;height:330px}.list__row>div:nth-child(odd){background:0 0}.list__row__header{display:none}}.list__row__header{color:#444;font-size:1rem;font-weight:700;text-transform:uppercase;line-height:50px;border-top:1px solid #e0e0e0;border-bottom:1px solid #cf142b;margin-top:14px;text-align:center}.list__row__inner{height:57px;margin-top:15px;margin-bottom:10px}.list__row .list__row__inner{font-family:"Segoe UI",sans-serif;color:#444;font-size:1.75rem;line-height:57px;text-align:center}.list__row__rank{width:77px}.list__row__casino{width:153px}.list__row__casino a{margin:auto;height:48px}.list__row__casino img{margin:auto;width:119px;height:48px;vertical-align:baseline}@media (max-width:980px){.list__row__inner{margin:0;height:auto}.list__row .list__row__inner{line-height:30px}.list__row__rank__span{font-size:4.5rem;margin-left:0;margin-top:20px;position:absolute}.list__row__casino{width:74%;position:absolute;right:0}.list__row__casino img{margin:10PX 20PX 10PX 50PX;width:159px;height:68px}.list__row__bonus{margin-left:100px;margin-top:-8px}}.list__row__bonus{width:207px}.list__row__bonus .box{margin:auto;text-align:center;line-height:20px}.list__row__bonus span{font-family:"Segoe UI",sans-serif;color:#cf142b;font-size:1rem;font-weight:600;letter-spacing:.025rem;line-height:1.25;text-align:center}.list__row__bonus p{font-family:"Segoe UI",sans-serif;color:#444;font-size:1rem;font-weight:600}.list__row__features{width:163px}.list__row__features__diamond{background:url('/static/harborloot/img/diamond.png') center/contain no-repeat;width:24px;height:21px}.list__row__features__headphones{background:url('/static/harborloot/img/headphones.png') center/contain no-repeat;width:24px;height:21px}.list__row__features__phone{background:url('/static/harborloot/img/phone.png') center/contain no-repeat;width:24px;height:21px}.list__row__features__download{background:url('/static/harborloot/img/download.png') center/contain no-repeat;width:24px;height:21px}.list__row__features__tv{background:url('/static/harborloot/img/tv.png') center/contain no-repeat;width:24px;height:21px}.list__row__rating{width:164px}.list__row__rating .grid,.list__row__rating .list__row{width:110px;margin:auto;padding-top:4px}.list__row__rating__star-y{background:url('/static/harborloot/img/star-y.png') center/contain no-repeat;width:18px;height:18px}@media (max-width:980px){.list__row__bonus span{font-size:1rem;line-height:1.25}.list__row__bonus p{font-size:1rem;line-height:1.15}.list__row__features{position:absolute;bottom:12px;right:70px}.list__row__rating{position:absolute;right:20px;top:140px}.list__row__rating .grid,.list__row__rating .list__row{width:160px}.list__row__rating__star-y{width:48px;height:48px}}.list__row__rating__star-w{background:url('/static/harborloot/img/star-w.png') center/contain no-repeat;width:18px;height:18px}.list__row__rating__text{line-height:20px;text-align:center}.list__row__rating__text a{font-family:"Segoe UI",sans-serif;color:#082b81;font-size:.813rem;font-weight:600;line-height:1.539;text-decoration:underline}@media (max-width:980px){.list__row__rating__star-w{width:48px;height:48px}.list__row__rating__text{line-height:.3}.list__row__rating__text a{font-size:1rem}}.list__row__payout{width:86px}.list__row__payout .list__row__inner{font-family:"Segoe UI",sans-serif;color:#444;font-size:1.75rem;line-height:57px;text-align:center}.list__row__visit{width:144px}.list #Container .mix{display:block}@media (max-width:980px) and (min-width:881px){.list #Container .mix{float:left;margin:10px 7%}}@media (max-width:880px) and (min-width:781px){.list #Container .mix{float:left;margin:10px 5%}}@media (max-width:780px) and (min-width:761px){.list #Container .mix{float:left;margin:10px 40px}}.list .rank-1 .list__row__rank:before{content:' ';position:absolute;background:url('/static/harborloot/img/1.png') center/contain no-repeat;width:77px;height:82px;z-index:50;left:-4px}@media (max-width:980px){.list__row__payout .list__row__inner{border-radius:50%;background-color:#ebebeb;width:100px;height:100px;line-height:100px;position:absolute;top:100px;left:5px}.list__row__visit{position:absolute;top:230px;right:50px;width:200px}.list__row__visit .list__row__inner .btn--small{width:200px;font-size:20px;font-weight:700;line-height:50px;color:#fefefe;background:url('/static/harborloot/img/large-btn.png') repeat-x #00c513}.list .rank-1{background-color:#f9f1a9}.list .rank-1 .list__row__rank{width:102px;height:115px}.list .rank-1 .list__row__bonus{margin-left:100px;margin-top:-80px}.list .rank-1 .list__row__rank:before{background-size:contain;width:107px;height:119px;top:-5px;left:-2px}.list .rank-1 .list__row__payout .list__row__inner{background-color:#fff}}.list .rank-1 .list__row__inner{background-color:#f9f1a9}.list .rank-2 .list__row__rank:before{content:' ';position:absolute;background:url('/static/harborloot/img/2.png') center/contain no-repeat;width:77px;height:82px;z-index:50;left:-4px}.list .rank-2 .list__row__inner{background-color:#edeeee}@media (max-width:980px){.list .rank-2{background-color:#edeeee}.list .rank-2 .list__row__rank{width:102px;height:115px}.list .rank-2 .list__row__bonus{margin-left:100px;margin-top:-80px}.list .rank-2 .list__row__rank:before{background-size:contain;width:107px;height:119px;top:-5px;left:-2px}.list .rank-2 .list__row__inner{background:0 0}.list .rank-2 .list__row__payout .list__row__inner{background-color:#fff}.list .rank-3{background-color:#f7e0bc}.list .rank-3 .list__row__rank{width:102px;height:115px}.list .rank-3 .list__row__bonus{margin-left:100px;margin-top:-80px}}.list .rank-3 .list__row__rank:before{content:' ';position:absolute;background:url('/static/harborloot/img/3.png') center/contain no-repeat;width:77px;height:82px;z-index:50;left:-4px}.list .rank-3 .list__row__inner{background-color:#f7e0bc}.icon{background:#6495ed;position:relative;overflow:hidden}.icon .icon-effect{position:absolute;top:-110%;left:-210%;width:200%;height:200%;z-index:111111;opacity:0;background:rgba(255,255,255,.2);background:-webkit-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 75%,rgba(255,255,255,.5) 90%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.2)),color-stop(75%,rgba(255,255,255,.2)),color-stop(90%,rgba(255,255,255,.8)),color-stop(100%,rgba(255,255,255,0)));background:linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 75%,rgba(255,255,255,.5) 90%,rgba(255,255,255,0) 100%);-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.mix:hover .icon-effect{opacity:1;top:-30%;left:-30%}.section-5{padding-bottom:30px}.main{width:100%}.main__content{color:#444;font-size:.96rem;font-weight:400;text-align:justify;line-height:1.54}.section-6{background:url('/static/harborloot/img/footer-bg.jpg');height:238px}@media (max-width:980px){.list .rank-3 .list__row__rank:before{background-size:contain;width:107px;height:119px;top:-5px;left:-2px}.list .rank-3 .list__row__inner{background:0 0}.list .rank-3 .list__row__payout .list__row__inner{background-color:#fff}.section-5 .grid,.section-5 .list__row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.main{margin:auto;width:95%}.main__content{padding-right:0}.section-6{height:138px}}.section-7{background-color:#f9fbfc;height:48px;margin-top:-66px;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0}.mix:hover .anim{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
/* Логотип шапки — 2026-09-18. Присланная версия рисовалась в натуральную
величину 78px при высоте полосы 95px: воздуха не оставалось совсем.
Уменьшен до 56px. Сдвиг на 7px вверх компенсирует padding-top:14px
у .section-1 — без него фон центрируется ниже середины полосы.
Правило только для десктопа: на узких экранах действует background-size:contain,
там логотип подгоняется по ширине экрана. !important нужен потому,
что main.min.css подключён через preload и применяется позже. */
@media (min-width:981px){
.header__logo{background-size:auto 56px!important;background-position:50% calc(50% - 7px)!important}
}
/* На узких экранах логотип шёл от края до края и упирался в кнопку меню
(41px, отступ справа 12px). Задавать одну ширину нельзя — высота тогда
считается сама и на планшете логотип раздувается выше полосы. Поэтому
вписываем его в поле с отступами: padding сжимает область, а contain
подгоняет картинку сразу по обеим сторонам. */
@media (max-width:980px){
.header__logo{
box-sizing:border-box!important;
padding:12px 64px 12px 12px!important;
background-origin:content-box!important;
background-size:contain!important;
background-position:left calc(50% - 7px)!important;
}
}
/* block: mobile-review-redesign */
/* Default desktop: hide mobile-only blocks */
.review-mobile-only { display: none !important; }
@media (max-width:980px) {
/* Show mobile blocks, hide desktop top-box */
.review-mobile-only { display: block !important; }
.review-desktop-only { display: none !important; }
/* Body bg per spec */
body { background: #f7f8fa !important; }
/* Compact header — § 4 */
.review-mobile-header {
padding: 16px 16px 12px !important;
text-align: center !important;
border-bottom: 1px solid #eeeeee !important;
background: #ffffff !important;
margin: 0 !important;
}
.rmh-casino-name {
font-family: Georgia, serif !important;
font-size: 22px !important;
line-height: 1.1 !important;
letter-spacing: 1.5px !important;
font-weight: 600 !important;
color: #333 !important;
text-transform: uppercase !important;
}
.rmh-subtitle {
margin-top: 4px !important;
font-size: 10px !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
color: #b00020 !important;
}
/* Casino card — § 5 */
.casino-card {
width: calc(100% - 32px) !important;
max-width: 430px !important;
margin: 20px auto 16px !important;
padding: 22px 18px 18px !important;
border-radius: 18px !important;
background: #ffffff !important;
border: 1px solid #eeeeee !important;
box-shadow: 0 8px 28px rgba(0,0,0,0.08) !important;
text-align: center !important;
box-sizing: border-box !important;
}
/* Logo box — § 6 */
.logo-box {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 10px 14px !important;
border-radius: 12px !important;
background: #2b2f38 !important;
margin-bottom: 14px !important;
}
.casino-logo {
display: block !important;
max-width: 180px !important;
width: 70% !important;
height: auto !important;
}
/* Rating — § 7 */
.casino-card .rating {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
margin-bottom: 14px !important;
}
.casino-card .stars {
font-size: 20px !important;
color: #f5b400 !important;
letter-spacing: 1px !important;
}
.casino-card .score {
font-size: 15px !important;
font-weight: 700 !important;
color: #111827 !important;
}
/* Bonus title — § 8 */
.casino-card .bonus-title {
font-size: 17px !important;
font-weight: 800 !important;
line-height: 1.25 !important;
color: #111827 !important;
margin-bottom: 6px !important;
}
.casino-card .trust-row {
font-size: 12px !important;
color: #6b7280 !important;
line-height: 1.4 !important;
margin-bottom: 16px !important;
}
/* Primary CTA — § 9 */
.casino-card .primary-cta {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 54px !important;
border-radius: 12px !important;
background: #0a8229 !important;
color: #ffffff !important;
font-size: 16px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: 0.3px !important;
text-decoration: none !important;
box-shadow: 0 6px 16px rgba(10,170,54,0.25) !important;
outline: none !important;
border: 0 !important;
/* override site .btn background pattern */
background-image: none !important;
}
/* Micro legal — § 10 */
.casino-card .micro-legal {
margin-top: 10px !important;
font-size: 11px !important;
line-height: 1.4 !important;
color: #6b7280 !important;
}
/* Reasons card — § 11 */
.reasons-card {
width: calc(100% - 32px) !important;
max-width: 430px !important;
margin: 0 auto 20px !important;
padding: 18px 16px !important;
border-radius: 16px !important;
background: #ffffff !important;
border: 1px solid #eeeeee !important;
box-sizing: border-box !important;
}
.reasons-card h2 {
font-size: 17px !important;
line-height: 1.3 !important;
margin: 0 0 12px !important;
color: #111827 !important;
background: none !important;
padding: 0 !important;
text-transform: none !important;
text-align: left !important;
border: 0 !important;
min-height: 0 !important;
}
.reasons-card ul {
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
}
.reasons-card li,
.reasons-card li[style] {
font-size: 14px !important;
line-height: 1.45 !important;
margin: 0 0 8px !important;
padding: 0 !important;
color: #374151 !important;
background: none !important;
list-style: none !important;
}
/* Info-notice on review pages — lighter, full width per § 12 */
.info-notice {
width: calc(100% - 32px) !important;
max-width: 430px !important;
margin: 20px auto !important;
padding: 14px 16px !important;
border-radius: 14px !important;
background: #f5f5f5 !important;
color: #444 !important;
font-size: 13px !important;
line-height: 1.45 !important;
box-sizing: border-box !important;
box-shadow: none !important;
border: 0 !important;
}
.info-notice strong { color: #333 !important; font-weight: 700 !important; }
}
/* block: mobile-list-redesign */
@media (max-width:980px) {
/* White wrapper */
body { background: #ffffff !important; }
.section-4 { background: #ffffff !important; padding-bottom: 24px !important; }
.list {
background: #ffffff !important;
max-width: 430px !important;
margin: 0 auto !important;
width: 100% !important;
padding: 0 !important;
}
.list__h, .list__h--border-bottom { display: none !important; }
/* Hide non-essential cells (header row + data rows) */
.list__row__features,
.list__row__rating,
.list__row__payout { display: none !important; }
/* Common grid layout — header + data rows */
.list__row {
display: grid !important;
grid-template-columns: 44px 108px 1fr 104px !important;
align-items: center !important;
min-height: 72px !important;
height: auto !important;
padding: 0 8px !important;
margin: 0 !important;
max-width: 100% !important;
border-bottom: 1px solid #dddddd !important;
background: #ffffff !important;
font-family: Georgia, serif !important;
flex-wrap: nowrap !important;
}
/* Header row — compact, red bottom border */
.list__row.list__row__header {
display: grid !important;
min-height: 0 !important;
height: 42px !important;
border-top: 1px solid #dddddd !important;
border-bottom: 2px solid #d91f1f !important;
background: #ffffff !important;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
color: #444 !important;
margin-top: 0 !important;
line-height: 1 !important;
}
.list__row.list__row__header > div {
text-align: center !important;
padding: 0 4px !important;
color: #444 !important;
font-size: 11px !important;
line-height: 42px !important;
height: 42px !important;
background: transparent !important;
}
/* Color-coded row backgrounds — only data rows, not header */
.list .rank-1 { background: #fff5a8 !important; }
.list .rank-2 { background: #eeeeee !important; }
.list .rank-3 { background: #ffe2b8 !important; }
.list .rank-4, .list .rank-5 { background: #f7f7f7 !important; }
.list .rank-1 .list__row__inner,
.list .rank-2 .list__row__inner,
.list .rank-3 .list__row__inner,
.list .rank-4 .list__row__inner,
.list .rank-5 .list__row__inner { background: transparent !important; }
/* === RANK cell — medal badge for top 3, number for others === */
.list__row__rank {
width: 44px !important;
flex: 0 0 44px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 52px !important;
position: relative !important;
text-align: center !important;
}
.list .rank-1 .list__row__rank,
.list .rank-2 .list__row__rank,
.list .rank-3 .list__row__rank {
width: 44px !important;
height: 52px !important;
}
.list .rank-1 .list__row__rank:before,
.list .rank-2 .list__row__rank:before,
.list .rank-3 .list__row__rank:before {
content: " " !important;
position: absolute !important;
width: 42px !important;
height: 52px !important;
top: 0 !important;
left: 1px !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
z-index: 0 !important;
}
.list__row__rank .list__row__inner {
font-size: 26px !important;
font-family: Georgia, serif !important;
color: #444 !important;
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
text-align: center !important;
height: auto !important;
position: relative !important;
z-index: 1 !important;
}
/* For top-3, hide the text number — medal PNG already shows the digit */
.list .rank-1 .list__row__rank .list__row__inner,
.list .rank-2 .list__row__rank .list__row__inner,
.list .rank-3 .list__row__rank .list__row__inner {
color: transparent !important;
font-size: 0 !important;
}
/* Reset rank__span on mobile */
.list__row__rank__span {
font-size: 26px !important;
margin: 0 !important;
position: static !important;
line-height: 1 !important;
text-align: center !important;
width: auto !important;
color: #444 !important;
}
/* === CASINO logo cell === */
.list__row__casino {
width: 108px !important;
flex: 0 0 108px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
position: static !important;
}
.list__row__casino .list__row__inner {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: auto !important;
line-height: 1 !important;
width: 100% !important;
}
.list__row__casino a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: auto !important;
margin: 0 auto !important;
}
.list__row__casino img {
max-width: 96px !important;
max-height: 42px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
margin: 0 auto !important;
display: block !important;
}
/* === BONUS cell === */
.list__row__bonus {
width: auto !important;
flex: 1 1 auto !important;
padding: 0 8px !important;
margin: 0 !important;
display: block !important;
}
.list__row__bonus .list__row__inner {
background: transparent !important;
height: auto !important;
line-height: 1.3 !important;
text-align: left !important;
display: block !important;
}
.list__row__bonus .box {
margin: 0 !important;
text-align: left !important;
line-height: 1.3 !important;
}
.list__row__bonus span {
font-size: 14px !important;
line-height: 1.3 !important;
color: #333 !important;
font-weight: 700 !important;
font-family: Georgia, serif !important;
}
.list__row__bonus p {
font-size: 12px !important;
line-height: 1.3 !important;
margin: 2px 0 0 !important;
color: #555 !important;
font-weight: 400 !important;
font-family: Georgia, serif !important;
}
.list .rank-1 .list__row__bonus,
.list .rank-2 .list__row__bonus,
.list .rank-3 .list__row__bonus {
margin-left: 0 !important;
margin-top: 0 !important;
}
/* === VISIT button cell === */
.list__row__visit {
width: 104px !important;
flex: 0 0 104px !important;
position: static !important;
top: auto !important;
right: auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
margin: 0 !important;
}
.list__row__visit .list__row__inner {
display: flex !important;
justify-content: center !important;
align-items: center !important;
height: auto !important;
width: 100% !important;
padding: 0 !important;
}
.list__row__visit .btn--small,
.list__row__visit .btn--green,
.list__row__visit .list__row__inner .btn--small {
width: 96px !important;
height: 38px !important;
line-height: 38px !important;
font-size: 11px !important;
font-weight: 800 !important;
background: #05a51c !important;
background-image: none !important;
color: #ffffff !important;
text-transform: uppercase !important;
text-decoration: none !important;
text-align: center !important;
border-radius: 0 !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.18) !important;
letter-spacing: 0.3px !important;
outline: none !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.list__row__visit .btn--green:after,
.list__row__visit .btn--green:hover { display: none !important; }
}
@media (max-width: 380px) {
.list__row,
.list__row.list__row__header {
grid-template-columns: 40px 96px 1fr 92px !important;
padding: 0 6px !important;
}
.list__row__casino img { max-width: 86px !important; }
.list__row__bonus span { font-size: 13px !important; }
.list__row__bonus p { font-size: 11px !important; }
.list__row__visit .btn--small {
width: 88px !important; height: 36px !important;
font-size: 10px !important; line-height: 36px !important;
}
}
/* block: aside-cards-redesign */
/* Universal aside card — order: logo → stars+score → bonus → CTA → review → legal */
.aside-card {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
padding: 14px 12px !important;
margin: 0 0 12px !important;
border: 1px solid #e5e7eb !important;
border-radius: 12px !important;
background: #ffffff !important;
text-align: center !important;
box-shadow: 0 4px 14px rgba(0,0,0,0.04) !important;
box-sizing: border-box !important;
list-style: none !important;
}
.aside-card__logo {
display: flex !important;
justify-content: center !important;
align-items: center !important;
min-height: 54px !important;
margin: 0 auto 4px !important;
background: transparent !important;
}
.aside-card__logo a {
display: block !important;
margin: 0 auto !important;
}
.aside-card__logo img {
max-width: 140px !important;
max-height: 48px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
display: block !important;
margin: 0 auto !important;
vertical-align: middle !important;
}
.aside-card__rating {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
line-height: 1 !important;
margin: 0 !important;
}
.aside-card__stars {
font-size: 16px !important;
color: #f5b400 !important;
letter-spacing: 1px !important;
line-height: 1 !important;
font-family: Arial, sans-serif !important;
}
.aside-card__score {
font-size: 13px !important;
font-weight: 700 !important;
color: #111827 !important;
}
.aside-card__bonus {
font-size: 13px !important;
line-height: 1.35 !important;
color: #333 !important;
font-weight: 600 !important;
padding: 0 4px !important;
margin: 0 !important;
}
.aside-card__cta {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 44px !important;
border-radius: 8px !important;
background: #0a8229 !important;
background-image: none !important;
color: #ffffff !important;
font-size: 13px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
text-decoration: none !important;
letter-spacing: 0.3px !important;
box-shadow: 0 4px 10px rgba(10,170,54,0.22) !important;
outline: none !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.aside-card__cta:hover { background: #0a9531 !important; }
.aside-card__review {
display: block !important;
font-size: 12px !important;
font-weight: 600 !important;
color: #082b81 !important;
text-decoration: underline !important;
margin: 0 !important;
padding: 2px 0 !important;
}
.aside-card__legal {
font-size: 11px !important;
line-height: 1.3 !important;
color: #777 !important;
margin: 4px 0 0 !important;
}
/* aside heading */
.aside__h {
font-size: 18px !important;
font-weight: 700 !important;
text-align: center !important;
margin: 0 0 14px !important;
padding: 0 !important;
background: none !important;
text-transform: uppercase !important;
border: 0 !important;
min-height: 0 !important;
color: #111 !important;
letter-spacing: 0.5px !important;
}
.aside__list { padding: 0 !important; margin: 0 !important; list-style: none !important; }
.aside__top-box { margin: 0 !important; padding: 0 !important; background: transparent !important; }
@media (max-width:980px) {
.aside.aside__casino {
width: 100% !important;
max-width: 430px !important;
margin: 24px auto !important;
padding: 0 16px !important;
box-sizing: border-box !important;
float: none !important;
}
}
/* block: anon */
/* ============================================================
tg-article-css — стили страницы /games.
Заведён 2026-09-17 при замене статьи.
CSS автора взят без изменений, кроме одной строки: контейнер
был 860px с боковым padding 16px, стало 986px без padding —
под ширину меню, как на остальных страницах-статьях.
Проверено в присланном коде и НЕ понадобилось править:
тегов MODX нет, импорта внешних шрифтов нет, блоков тёмной
темы нет, своего фона у контейнера нет.
============================================================ */
.tg-article{--felt:#14503C;--felt-d:#0C3527;--red:#C22F2F;--brass:#D6A43A;--ink:#16202A;--muted:#52606B;--mist:#EEF3F0;--line:#D9E2DD;--paper:#fff;
color:var(--ink);font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.65;max-width:986px;margin:0 auto;padding:0;box-sizing:border-box}
.tg-article *{box-sizing:border-box}
.tg-article h1{font-size:clamp(30px,6vw,46px);line-height:1.12;margin:.2em 0 .4em;letter-spacing:-.02em}
.tg-article h2{font-size:clamp(24px,4.4vw,32px);line-height:1.2;margin:2em 0 .5em;letter-spacing:-.01em;scroll-margin-top:80px}
.tg-article h3{font-size:clamp(19px,3.4vw,23px);line-height:1.3;margin:1.5em 0 .4em}
.tg-article p{margin:0 0 1em}
.tg-article a{color:var(--felt);text-decoration:underline;text-underline-offset:2px}
.tg-article a:focus-visible,.tg-article summary:focus-visible{outline:3px solid var(--brass);outline-offset:2px}
.tg-article .tg-lead{font-size:1.12em;color:#2A3640}
.tg-article .tg-meta{font-size:14px;color:var(--muted);margin-bottom:1.2em}
.tg-article figure{margin:1.8em 0}
.tg-article figcaption{font-size:14px;color:var(--muted);margin-top:.6em}
.tg-article svg,.tg-article img{max-width:100%;height:auto;display:block}
.tg-article .tg-desk{display:block}.tg-article .tg-mob{display:none}
.tg-article .tg-key{background:var(--mist);border-left:5px solid var(--felt);border-radius:0 12px 12px 0;padding:18px 20px;margin:1.5em 0}
.tg-article .tg-key ul{margin:.4em 0 0;padding-left:1.2em}
.tg-article .tg-key li{margin:.35em 0}
.tg-article .tg-legal{border:2px solid var(--red);border-radius:12px;padding:18px 20px;margin:1.5em 0;background:#FFF7F6}
.tg-article .tg-legal strong.tg-t{display:block;font-size:1.08em;margin-bottom:.3em;color:#8E1F1F}
.tg-article .tg-toc{border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:1.5em 0}
.tg-article .tg-toc ol{margin:.4em 0 0;padding-left:1.3em;columns:2;column-gap:32px}
.tg-article .tg-toc li{margin:.3em 0;break-inside:avoid}
/* tables */
.tg-article .tg-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px;margin:1.4em 0}
.tg-article table{border-collapse:collapse;width:100%;min-width:560px;font-size:15.5px}
.tg-article caption{caption-side:top;text-align:left;font-weight:700;padding:12px 14px;background:var(--felt);color:#fff}
.tg-article th,.tg-article td{padding:11px 14px;text-align:left;border-top:1px solid var(--line);vertical-align:top}
.tg-article thead th{background:var(--mist);border-top:0;font-size:14px}
.tg-article tbody tr:nth-child(even){background:#FAFCFB}
.tg-article td.tg-n,.tg-article th.tg-n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
/* game family grid */
.tg-article .tg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:1.4em 0;padding:0;list-style:none}
.tg-article .tg-grid li{border:1px solid var(--line);border-radius:12px;padding:16px;border-top:5px solid var(--felt)}
.tg-article .tg-grid li.tg-c{border-top-color:var(--red)}
.tg-article .tg-grid li.tg-m{border-top-color:var(--brass)}
.tg-article .tg-grid b{display:block;font-size:1.08em;margin-bottom:.2em}
.tg-article .tg-grid span{font-size:14.5px;color:#36424C;display:block}
.tg-article .tg-grid span.tg-tag{display:inline-block;font-size:12.5px;font-weight:700;border-radius:20px;padding:2px 10px;margin-top:.6em;background:var(--mist);color:var(--felt-d)}
/* bar chart in html */
.tg-article .tg-chart{border:1px solid var(--line);border-radius:12px;padding:18px 18px 10px}
.tg-article .tg-chart .tg-ct{font-weight:800;font-size:1.15em;margin:0}
.tg-article .tg-chart .tg-cs{font-size:14px;color:var(--muted);margin:0 0 .8em}
.tg-article .tg-bars{list-style:none;margin:0;padding:0}
.tg-article .tg-bars li{display:grid;grid-template-columns:230px 1fr;gap:4px 12px;align-items:center;margin:9px 0;font-size:15px}
.tg-article .tg-bar{display:flex;align-items:center;gap:8px}
.tg-article .tg-bar i{display:block;height:20px;border-radius:5px;background:var(--felt);min-width:6px}
.tg-article .tg-bar i.tg-mid{background:var(--brass)}
.tg-article .tg-bar i.tg-hi{background:var(--red)}
.tg-article .tg-bar b{font-variant-numeric:tabular-nums}
/* rng steps */
.tg-article .tg-steps{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0;padding:18px;background:var(--mist);border-radius:12px}
.tg-article .tg-steps li{counter-increment:s;background:#fff;border:1px solid #CFDAD4;border-radius:12px;padding:14px;font-size:14.5px}
.tg-article .tg-steps li::before{content:counter(s);display:flex;width:32px;height:32px;border-radius:50%;background:var(--felt);color:#fff;font-weight:800;align-items:center;justify-content:center;margin-bottom:8px}
.tg-article .tg-steps b{display:block;font-size:15.5px;margin-bottom:.2em}
/* spectrum */
.tg-article .tg-spec{list-style:none;margin:0;padding:0}
.tg-article .tg-spec li{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center;margin:8px 0;font-size:15px}
.tg-article .tg-spec i{display:block;height:16px;border-radius:8px;background:linear-gradient(to right,var(--felt) var(--v),var(--mist) var(--v))}
.tg-article .tg-spec li.tg-ch i{background:linear-gradient(to right,var(--red) var(--v),var(--mist) var(--v))}
.tg-article .tg-ends{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin:4px 0 0 162px}
/* checklist */
.tg-article .tg-check{list-style:none;padding:0;margin:1em 0}
.tg-article .tg-check li{position:relative;padding:4px 0 4px 34px;margin:.4em 0}
.tg-article .tg-check li::before{content:"✓";position:absolute;left:0;top:4px;width:24px;height:24px;border-radius:50%;background:var(--felt);color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center}
/* faq */
.tg-article details{border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:0 16px}
.tg-article summary{cursor:pointer;font-weight:700;padding:14px 0;list-style-position:outside}
.tg-article details[open] summary{border-bottom:1px solid var(--line);margin-bottom:12px}
.tg-article .tg-help{background:var(--felt);color:#fff;border-radius:12px;padding:20px;margin:2em 0}
.tg-article .tg-help a{color:#fff;font-weight:700}
@media (max-width:640px){
.tg-article{font-size:16.5px}
.tg-article .tg-desk{display:none}.tg-article .tg-mob{display:block}
.tg-article .tg-toc ol{columns:1}
.tg-article .tg-bars li{grid-template-columns:1fr;gap:2px;margin:12px 0}
.tg-article .tg-steps{grid-template-columns:1fr}
.tg-article .tg-spec li{grid-template-columns:118px 1fr}
.tg-article .tg-ends{margin-left:130px}
}
/* ---- Перебивка глобальных правил сайта (чанк head, id=6) ----
Сайт вешает !important только на h2, h3 и li. Таблицы, details,
summary и figure не трогает, поэтому их не перебиваем. */
.tg-article h2,.tg-article h3{
background:none!important;background-image:none!important;
text-transform:none!important;text-align:left!important;
min-height:0!important;border:0!important;width:auto!important;
}
.tg-article h2{font-size:clamp(24px,4.4vw,32px)!important;line-height:1.2!important;margin:2em 0 .5em!important;padding:0!important;letter-spacing:-.01em!important}
.tg-article h3{font-size:clamp(19px,3.4vw,23px)!important;line-height:1.3!important;margin:1.5em 0 .4em!important;padding:0!important}
/* Списки: сбрасываем маркер-звезду и отступы сайта… */
.tg-article li{
background:none!important;background-image:none!important;
position:static!important;padding:0!important;margin:0!important;
list-style:inherit!important;
}
.tg-article ul,.tg-article ol{padding-left:22px!important;margin:0 0 1em!important;text-align:left!important}
/* Сайт задаёт text-align:justify прямо на теге ul и на ol li — прямое
правило на элементе бьёт наследование от .tg-article, поэтому
выравнивание приходится сбрасывать отдельно. Без этого текст
в карточках растягивался по ширине с дырами между словами. */
.tg-article li,.tg-article li *{text-align:left!important}
.tg-article ul{list-style:disc!important}
.tg-article ol{list-style:decimal!important}
/* …и возвращаем авторские значения оформленным спискам.
ВАЖНО: у .tg-check отступ слева держит место для галочки,
нарисованной через ::before с position:absolute. Обнулять его
нельзя — маркер сядет на первую букву. */
.tg-article .tg-bars,.tg-article .tg-check,.tg-article .tg-grid,
.tg-article .tg-spec{list-style:none!important;padding:0!important;margin:1em 0!important}
.tg-article .tg-steps{list-style:none!important;padding:18px!important;margin:0!important}
.tg-article .tg-bars li{margin:9px 0!important;padding:0!important;list-style:none!important}
.tg-article .tg-check li{position:relative!important;padding:4px 0 4px 34px!important;margin:.4em 0!important;list-style:none!important}
.tg-article .tg-grid li{padding:16px!important;margin:0!important;list-style:none!important}
.tg-article .tg-spec li{margin:8px 0!important;padding:0!important;list-style:none!important}
.tg-article .tg-steps li{padding:14px!important;margin:0!important;list-style:none!important}
/* Сайт выключает текст по ширине и вешает правый отступ 28px на абзацы. */
.tg-article{text-align:left!important}
.tg-article p{margin:0 0 1em!important}
/* Контейнер контента сайта сжат до 95% — выравниваем по ширине меню.
Ниже 1010px возвращаем 95%, иначе текст прилипает к краю экрана. */
.section-5 .grid > .main{width:100%!important;max-width:986px!important}
@media (max-width:1010px){.section-5 .grid > .main{width:95%!important}}
.section-5{padding-top:clamp(18px,2.2vw,34px)!important}
/* block: home-a2 */
html body{background:var(--page)!important;color:var(--text);margin:0;font-family:'IBM Plex Sans',system-ui,-apple-system,Roboto,Arial,sans-serif!important}
html body .wrapper{background:none!important;overflow:visible!important}
/* header: logo of the A2 header (TASK-0104 menu B: partial a2-menu-css, snippet a2menu) */
html body .a2-hd .a2-logo{display:block!important;width:250px!important;height:44px!important;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='44' viewBox='0 0 250 44'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%230F2D86'/%3E%3Cstop offset='.6' stop-color='%231B5BF0'/%3E%3Cstop offset='1' stop-color='%2338BDF8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(1 1) scale(.875)'%3E%3Crect width='48' height='48' rx='12' fill='url(%23g)'/%3E%3Crect x='.75' y='.75' width='46.5' height='46.5' rx='11.25' fill='none' stroke='%23FFFFFF' stroke-opacity='.28' stroke-width='1.5'/%3E%3Ccircle cx='14' cy='14.5' r='4.2' fill='%2312B76A'/%3E%3Crect x='22' y='12' width='16' height='5' rx='2.5' fill='%23FFFFFF'/%3E%3Ccircle cx='14' cy='24' r='4.2' fill='%23F79009'/%3E%3Crect x='22' y='21.5' width='12' height='5' rx='2.5' fill='%23FFFFFF' fill-opacity='.85'/%3E%3Ccircle cx='14' cy='33.5' r='4.2' fill='%23F04438'/%3E%3Crect x='22' y='31' width='8' height='5' rx='2.5' fill='%23FFFFFF' fill-opacity='.7'/%3E%3C/g%3E%3Cg font-family='IBM Plex Sans Condensed,Arial Narrow,Arial,sans-serif' font-weight='700' font-size='18'%3E%3Ctext x='54' y='19' fill='%23FFFFFF'%3EHarborLoot%3C/text%3E%3Ctext x='54' y='38' fill='%238FD0FF'%3ECasino Guide%3C/text%3E%3C/g%3E%3C/svg%3E") left center/contain no-repeat!important}
/* page frame */
.hp{display:block;margin:0;padding:0 0 56px;text-align:left}
.hp *,.hp *::before,.hp *::after{box-sizing:border-box}
html body .hp-art,html body .hp-art p,html body .hp-art li,html body .hp-art td{text-align:left!important}
.hp-in{max-width:1200px;margin:0 auto;padding:0 24px}
/* first screen: H1, intro, byline on the gradient; status card on white */
.hp-hero{color:#FFFFFF;background:radial-gradient(900px 420px at 85% 10%,rgba(56,189,248,.45),transparent 60%),linear-gradient(135deg,#071337 0%,#0F2D86 45%,#1B5BF0 85%,#2A8CF7 100%)}
.hp-hero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start;padding-top:48px;padding-bottom:64px}
html body .hp h1{margin:0 0 20px!important;padding:0!important;background:none!important;color:#FFFFFF!important;font:700 54px/56px 'IBM Plex Sans Condensed','Arial Narrow',system-ui,sans-serif!important;letter-spacing:normal!important;text-transform:none!important;text-align:left!important;text-wrap:balance}
html body .hp h1::before,html body .hp h1::after{content:none!important;display:none!important}
html body .hp-hero__main .toca-p{margin:0 0 20px!important;color:#D6E3FF!important;font-size:18px!important;line-height:28px!important;text-align:left!important}
.hp-hero__main strong,.hp-hero__main em{color:#FFFFFF}
.hp-hero__main a{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px}
.hp-hero__main a:hover{color:#D6E3FF}
.hp-hero .toca-byline{margin:0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.2);color:#D6E3FF;font:400 13px/20px 'IBM Plex Mono',ui-monospace,Menlo,monospace}
.hp-hero .toca-byline strong{color:#FFFFFF;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
html body .hp-hero .toca-notice{display:flex;flex-direction:column;gap:12px;margin:0!important;padding:20px 22px!important;border:0!important;border-radius:18px;background:var(--card)!important;color:var(--muted);box-shadow:0 12px 40px var(--shadow);font-size:14px;line-height:21px}
html body .hp-hero .toca-notice .toca-p{margin:0!important;color:var(--muted)!important;font-size:14px!important;line-height:21px!important}
.hp-hero .toca-notice strong{color:var(--text)}
.hp-hero .toca-notice a{color:var(--link)}
html body .hp-hero .toca-notice .hp-legal{order:-2;padding:12px 14px!important;border-left:4px solid #F04438;border-radius:10px;background:var(--no-bg);color:var(--text)!important;font-size:15px!important;line-height:22px!important}
.hp-hero .toca-notice .hp-legal time{font-weight:600}
.hp-days{order:-1;align-self:flex-start;display:inline-flex;align-items:baseline;gap:6px;margin:0;padding:6px 12px;border-radius:999px;background:var(--warn-bg);color:var(--warn-tx);font:600 12px/18px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}
.hp-days[hidden]{display:none}
.hp-days b{font-size:22px;line-height:24px;letter-spacing:0}
/* guide: contents on the left, article on white */
.hp-body{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:start;margin-top:40px}
.hp-body--plain{display:block}
html body .hp .toca-jump{position:sticky;top:16px;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 32px);overflow-y:auto;margin:0!important;padding:18px 12px!important;border-radius:18px;background:var(--card);box-shadow:0 6px 20px var(--shadow);font-size:0!important;line-height:0!important}
.hp .toca-jump strong{display:block;padding:0 8px 8px;color:var(--muted);font:600 12px/16px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.hp .toca-jump a{display:block;padding:6px 8px;border-radius:8px;color:var(--text);font-size:14px;line-height:20px;text-decoration:none}
.hp .toca-jump a:hover,.hp .toca-jump a:focus{background:var(--page);color:var(--link)}
/* TASK-0122 (owner: variant A): on the home page (hp-body--top, build.py) the contents sit as a wrapping row of pills
above the article from 1024px up; text keeps a reading measure, tables and cards use the full width */
@media (min-width:1024px){
.hp-body--top{display:block}
html body .hp .hp-body--top > .toca-jump{position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;max-height:none;overflow:visible;margin:0 0 16px!important;padding:0!important;border-radius:0;background:none;box-shadow:none}
.hp .hp-body--top > .toca-jump strong{flex:0 0 auto;padding:0 4px 0 0}
.hp .hp-body--top > .toca-jump a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);white-space:nowrap}
.hp-body--top .hp-art > :is(p,ul,ol,.hp-faq,figcaption){max-width:66ch}
html body .hp-body--top .hp-art .affiliate-disclosure{max-width:80ch!important} /* 14px text: 80ch = the 66ch measure of 17px paragraphs */
}
.hp-body--top a:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.hp-art{min-width:0;padding:40px 48px;border-radius:20px;background:var(--card);box-shadow:0 12px 40px var(--shadow);color:var(--text);font-size:17px;line-height:27px;text-align:left}
html body .hp-art h2{margin:48px 0 16px!important;padding:0!important;border:0!important;background:none!important;color:var(--heading)!important;font:700 32px/36px 'IBM Plex Sans Condensed','Arial Narrow',system-ui,sans-serif!important;letter-spacing:normal!important;text-transform:none!important;text-align:left!important;scroll-margin-top:140px}
html body .hp-art h3{margin:28px 0 10px!important;padding:0!important;border:0!important;background:none!important;color:var(--heading)!important;font:700 22px/28px 'IBM Plex Sans Condensed','Arial Narrow',system-ui,sans-serif!important;letter-spacing:normal!important;text-transform:none!important}
html body .hp-art h2::before,html body .hp-art h2::after,html body .hp-art h3::before,html body .hp-art h3::after,html body .hp-art li::before,html body .hp-art li::after{content:none!important;display:none!important}
html body .hp-art p{margin:0 0 16px!important;padding:0!important;font-size:17px!important;line-height:27px!important;text-transform:none!important;text-align:left!important;color:var(--text)}
html body .hp-art ul,html body .hp-art ol{margin:0 0 16px!important;padding:0 0 0 24px!important}
html body .hp-art ul{list-style:disc!important}
html body .hp-art ol{list-style:decimal!important}
html body .hp-art li{margin:0 0 6px!important;padding:0!important;background:none!important;list-style:inherit!important;text-indent:0!important;text-transform:none!important;font-size:17px!important;line-height:27px!important}
.hp-art a{color:var(--link);overflow-wrap:anywhere}
.hp-art a:hover{color:var(--link-h)}
.hp-art hr{height:0;margin:40px 0 0;border:0;border-top:1px solid var(--line)}
.hp-art > hr:first-child{display:none}
html body .hp-art .toca-fig{margin:24px 0 28px!important;padding:16px 18px!important;border:1px solid var(--line)!important;border-radius:16px;background:var(--stripe)!important}
.hp-art .toca-fig svg{display:block;max-width:100%;height:auto}
.hp-art figcaption{margin-top:10px;color:var(--muted);font-size:14px;line-height:20px}
.hp-art .toca-tw{margin:16px 0 24px;overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.hp-art .toca-table{width:100%;border-collapse:collapse;font-size:15px;line-height:22px}
html body .hp-art .toca-table th{padding:12px 14px;border-bottom:1px solid var(--line);background:var(--stripe);color:var(--muted);font:600 12px/16px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase!important;text-align:left;vertical-align:top}
html body .hp-art .toca-table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;text-transform:none!important}
.hp-art .toca-table tr:last-child td{border-bottom:0}
/* rating table: 10 columns never fit the article column (538-714px), so cards at every width (TASK-0060 layout) */
.hp-art .toca-tw{overflow:visible;border:0;border-radius:0}
.hp-art .toca-table,.hp-art .toca-table tbody,.hp-art .toca-table tr,.hp-art .toca-table td{display:block;width:auto}
.hp-art .toca-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp-art .toca-table tr{margin:0 0 12px;padding:4px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 6px 20px var(--shadow)}
html body .hp-art .toca-table td{padding:10px 0;border-bottom:1px solid var(--line)}
html body .hp-art .toca-table tr td:last-child{border-bottom:0}
.hp-art .toca-table td:first-child{font-weight:600}
.hp-art .toca-table td[data-label]::before{content:attr(data-label);display:block;margin-bottom:2px;color:var(--muted);font:600 12px/16px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}
.hp-art .toca-table td:nth-child(2) a{word-break:normal;overflow-wrap:normal}
@media (min-width:1024px){
.hp-art .toca-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;padding:4px 18px}
html body .hp-art .toca-table tr td:nth-last-child(-n+2){border-bottom:0}
}
html body .hp-art .affiliate-disclosure{margin:0!important;padding:12px 14px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:none!important;color:var(--muted)!important;font-size:14px!important;line-height:21px!important;max-width:none!important}
.hp-art .affiliate-disclosure strong{color:var(--text)}
.hp-faq{border-bottom:1px solid var(--line)}
.hp-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:12px 0;cursor:pointer;list-style:none;font:700 18px/24px 'IBM Plex Sans Condensed','Arial Narrow',system-ui,sans-serif}
.hp-faq summary::-webkit-details-marker{display:none}
.hp-faq summary::after{content:"+";flex:0 0 auto;color:var(--link);font:600 22px/24px 'IBM Plex Mono',ui-monospace,Menlo,monospace}
.hp-faq[open] summary::after{content:"\2212"}
html body .hp-faq p{margin:0 0 16px!important}
/* "Explore the site" */
html body .hp .crl{max-width:1200px!important;margin:40px auto 0!important;padding:28px 24px!important}
html body .hp .crl h2{margin:0 0 16px!important;padding:0!important;background:none!important;color:var(--heading)!important;font:700 34px/38px 'IBM Plex Sans Condensed','Arial Narrow',system-ui,sans-serif!important;text-transform:none!important;letter-spacing:normal!important}
html body .hp .crl h2::before,html body .hp .crl h2::after{content:none!important;display:none!important}
html body .hp .crl ul.crl__list a{min-height:44px;text-align:left!important;color:var(--link)!important;border-bottom:1px solid var(--line)!important;font-size:15px!important}
/* footer: brand surface */
html body footer{margin-top:0!important;padding:40px 24px!important;background:var(--footer-bg)!important;color:#D6E3FF!important;font-size:14px!important;line-height:22px!important;font-family:'IBM Plex Sans',system-ui,-apple-system,Roboto,Arial,sans-serif!important}
html body footer > section{max-width:1200px!important}
html body footer a{color:#FFFFFF!important}
html body footer .fp{border-top:1px solid rgba(255,255,255,.2)!important}
html body footer .fp h2{color:#D6E3FF!important;font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace!important}
html body footer .fp .b{border-color:var(--line)!important;border-radius:12px!important;color:var(--text)!important}
html body footer .fp .s{color:var(--muted)!important}
html body footer .fp .ic{color:var(--link)!important}
html body footer .fp .age .ic{color:var(--no-tx)!important}
html body footer .fp .tag{border-left-color:#F04438!important;background:var(--card)!important;color:var(--text)!important}
html body footer .fp .tag span{color:var(--muted)!important}
html body footer .fp .note{color:#D6E3FF!important}
html body footer .fg strong{color:#FFFFFF!important}
html body footer .fg a{color:#D6E3FF!important}
html body footer nav{border-top-color:rgba(255,255,255,.2)!important}
/* theme (TASK-0095): button in the header, plates for pictures in dark */
html body footer .fp .b{background:var(--card)!important}
html[data-theme=dark] .hp img:not([src$=".svg"]){background:var(--plate);border-radius:8px}
.a2-theme{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 0 0 auto;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.1);color:#FFFFFF;cursor:pointer}
.a2-theme:hover{background:rgba(255,255,255,.2)}
.a2-theme:focus-visible{outline:3px solid #38BDF8;outline-offset:2px}
.a2-theme svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hp-ig{display:flex;flex-direction:column;gap:24px;margin-top:32px}
.hp-ig__box{min-width:0;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 6px 20px var(--shadow);color:var(--text)}
html body .hp-ig h2{margin:0 0 6px!important;padding:0!important;border:0!important;background:none!important;color:var(--heading)!important;font:700 26px/30px 'IBM Plex Sans Condensed','IBM Plex Sans',system-ui,sans-serif!important;text-transform:none!important}
.hp-ig__q{margin:0 0 14px;font-weight:600}
.hp-ig__src{margin:14px 0 0;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:19px}
/* TASK-0108: I1 links — review on the name, outlined "Visit" (ad), one main button: the full ranking */
.hp-ig__table tbody th a{color:var(--link);text-decoration:underline;text-underline-offset:2px}
.hp-ig__ad{margin:0 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:13px;line-height:19px}
.hp-ig__ad strong{color:var(--text)}
.hp-ig__ad a{color:var(--link)}
.hp-visit{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid var(--link);border-radius:10px;color:var(--link);font-weight:600;text-decoration:none;white-space:nowrap}
.hp-visit:hover{background:var(--na-bg)}
.hp-visit:focus-visible,.hp-ig__more a:focus-visible{outline:3px solid #38BDF8;outline-offset:2px}
.hp-ig__more{margin:16px 0 0}
.hp-ig__more a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:12px;background:linear-gradient(135deg,#1747D6,#2A8CF7);color:#FFFFFF;font-weight:600;text-decoration:none}
.hp-ig__alt{margin-top:10px;color:var(--muted);font-size:14px}
.hp-ig__alt summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--link)}
.hp-num{font:600 15px 'IBM Plex Mono',ui-monospace,Menlo,monospace}
.hp-ig__table{width:100%;border-collapse:collapse}
.hp-ig__table th,.hp-ig__table td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-size:15px}
.hp-ig__table thead th{color:var(--muted);font:600 12px/16px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}
.hp-ig__table td small{color:var(--muted)}
.hp-sig{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600;line-height:18px}
.hp-sig::before{content:"";flex:none;width:8px;height:8px;border-radius:999px;background:currentColor}
.hp-sig--green{background:var(--yes-bg);color:var(--yes-tx)}
.hp-sig--yellow{background:var(--warn-bg);color:var(--warn-tx)}
.hp-sig--red{background:var(--no-bg);color:var(--no-tx)}
.hp-sig--grey{background:var(--na-bg);color:var(--na-tx)}
.hp-steps{display:flex;gap:6px;margin:0;padding:0;list-style:none}
.hp-steps li{flex:var(--ig-m) 1 0;min-width:0;display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--line);border-top:6px solid var(--link);border-radius:12px;background:var(--stripe)}
.hp-steps__t{font-weight:600}
html body .hp-ig .hp-steps li{min-width:128px;margin:0!important;padding:12px!important;text-align:left!important}
html body .hp-ig p,html body .hp-ig td,html body .hp-ig th{text-align:left!important}
.hp-steps__m{color:var(--link);font:600 13px 'IBM Plex Mono',ui-monospace,Menlo,monospace}
.hp-steps__do{color:var(--muted);font-size:14px}
.hp-steps__total{margin:12px 0 0;font:600 14px 'IBM Plex Mono',ui-monospace,Menlo,monospace}
.hp-steps__total a{color:var(--link)}
.hp-bars{max-width:760px;margin:0}
.hp-bars__g{margin:14px 0 6px;color:var(--muted);font:600 12px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}
.hp-bars__r{display:grid;grid-template-columns:140px minmax(0,1fr);column-gap:12px;align-items:center;margin:0 0 8px}
.hp-bars__t{display:flex;align-items:center;gap:8px;min-width:0}
.hp-bars__t i{flex:none;display:block;width:calc((100% - 92px) * var(--ig-w));height:20px;border-radius:4px;background:var(--link)}
.hp-bars__t b{white-space:nowrap;font-size:14px}
.hp-bars__n{grid-column:2;color:var(--muted);font-size:13px}
@media (max-width:900px){
.hp-ig__table td[data-label="Offer"]::before{content:none}
.hp-ig__table td[data-label="Offer"] .hp-visit{flex:1 1 auto}
.hp-ig__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp-ig__table,.hp-ig__table tbody,.hp-ig__table tr,.hp-ig__table th,.hp-ig__table td{display:block;width:auto}
.hp-ig__table tr{margin:0 0 10px;padding:6px 12px;border:1px solid var(--line);border-radius:14px}
.hp-ig__table tbody th{padding:6px 0;border:0;font-size:17px}
.hp-ig__table td{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 10px;padding:5px 0;border:0}
.hp-ig__table td::before{content:attr(data-label);color:var(--muted);font-size:13px}
.hp-steps{flex-direction:column}
html body .hp-ig .hp-steps li{flex:none;min-width:0;border-top-width:1px;border-left:6px solid var(--link)}
.hp-bars__r{grid-template-columns:minmax(0,1fr)}
.hp-bars__n{grid-column:1}
}
@media (max-width:1099px){html body .hp-art h2{scroll-margin-top:130px}} /* sticky header: 107px at >=1100 (guides row shown), 56px below */
@media (max-width:1023px){
.hp-body{display:block;margin-top:16px}
html body .hp .toca-jump{position:static;flex-direction:row;align-items:center;gap:8px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0 0 4px!important;border-radius:0;background:none;box-shadow:none;scrollbar-width:none}
.hp .toca-jump strong{flex:0 0 auto;padding:0 4px 0 0}
.hp .toca-jump a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);white-space:nowrap}
}
@media (max-width:760px){
html body .a2-hd .a2-logo{width:200px!important;height:36px!important}
.hp-in{padding:0 16px}
.hp-ig{gap:16px;margin-top:20px}
.hp-ig__box{padding:16px;border-radius:16px}
html body .hp-ig h2{font-size:22px!important;line-height:26px!important}
.hp-hero{background:linear-gradient(160deg,#071337 0%,#0F2D86 62%,#1747D6 100%)}
.hp-hero__grid{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:16px;padding-bottom:26px}
html body .hp h1{margin:0 0 14px!important;font-size:32px!important;line-height:34px!important}
html body .hp-hero__main .toca-p{margin:0 0 16px!important;font-size:16px!important;line-height:24px!important}
html body .hp-hero .toca-notice{padding:14px!important;border-radius:16px}
.hp-art{margin:12px -16px 0;padding:20px 16px;border-radius:0;box-shadow:none}
html body .hp-art h2{margin:36px 0 12px!important;font-size:26px!important;line-height:30px!important}
html body .hp-art .affiliate-disclosure{margin:0 0 12px!important;padding:0 0 12px!important}
html body .hp .crl{padding:20px 16px 0!important}
html body .hp .crl h2{font-size:22px!important;line-height:26px!important}
html body footer{padding:32px 16px!important}
}
/* block: a2-menu */
.a2-strip{background:var(--bar-solid);color:var(--on-bar);font:400 12.5px/1.4 'IBM Plex Sans',system-ui,sans-serif;border-bottom:1px solid var(--hd-line)}
.a2-strip__in{max-width:1200px;margin:0 auto;padding:7px 24px;display:flex;justify-content:space-between;gap:16px;box-sizing:border-box}
.a2-strip b{color:var(--on-bar-hi);font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-weight:600}
html body .a2-strip a{color:var(--accent);text-decoration:underline}
.a2-hd{position:sticky;top:0;z-index:50;background:var(--bar);color:var(--on-bar-hi);font-family:'IBM Plex Sans',system-ui,sans-serif}
.a2-hd *,.a2-hd *::before,.a2-hd *::after{box-sizing:border-box}
.a2-hd :focus-visible{outline:3px solid var(--ring);outline-offset:2px}
.a2-hd .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px}
.a2-hd .i{flex:none;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.b-in{max-width:1200px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;gap:16px;transition:height .18s}
html body .a2-hd .a2-logo{flex:0 40 250px;min-width:150px;width:auto!important;border-radius:10px}
.b-seg{flex:0 1 auto;min-width:0;display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:var(--hd-fill);border:1px solid var(--hd-line);overflow-x:auto;scrollbar-width:none}
.b-seg::-webkit-scrollbar{display:none}
/* TASK-0113: the scroller holds the hidden «(current section)» label; without this it escapes to the header and widens the page */
.b-seg{position:relative}
html body .a2-hd .b-s{flex:none;height:40px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;border-radius:999px;color:var(--on-bar);font:600 14.5px/1 'IBM Plex Sans',system-ui,sans-serif;text-decoration:none;white-space:nowrap}
.b-s:hover,.b-s.prev{background:var(--hd-hover);color:var(--on-bar-hi)}
html body .a2-hd .b-s.cur-sec{background:var(--pill);color:var(--pill-tx);font-weight:700}
.b-tools{flex:none;display:flex;align-items:center;gap:8px;margin-left:auto}
.b-tools .a2-theme{margin:0}
.b-all,.b-shead,.b-scrim{display:none}
.b-sub{background:var(--hd-fill);border-top:1px solid var(--hd-line)}
.b-lists{max-width:1200px;margin:0 auto;padding:0 24px}
.b-list{display:none;align-items:center;gap:6px;min-height:50px;padding:5px 0}
.b-list.show{display:flex}
html body .a2-hd .b-lh{flex:none;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 4px;margin-right:6px;border-radius:8px;text-decoration:none;color:var(--accent);font:600 12px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.b-lh .tile,.b-lh .b-n,.b-lh .b-la{display:none}
html body .a2-hd .b-lh:hover{color:var(--on-bar-hi)}
html body .a2-hd .b-list ul{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:2px;list-style:none;margin:0;padding:0}
html body .a2-hd .b-list li{position:static!important;flex:none;margin:0!important;padding:0!important;background:none!important;list-style:none!important;min-height:0!important}
html body .a2-hd .b-list li[hidden]{display:none}
html body .a2-hd .b-list .l{display:inline-flex;align-items:center;height:38px;padding:0 10px;border-radius:8px;color:var(--on-bar);font:400 14px/1 'IBM Plex Sans',system-ui,sans-serif;text-decoration:none;white-space:nowrap}
html body .a2-hd .b-list .l:hover{background:var(--hd-fill);color:var(--on-bar-hi)}
html body .a2-hd .b-list .l[aria-current=page]{color:var(--on-bar-hi);font-weight:600;box-shadow:inset 0 -2px 0 var(--ring);border-radius:8px 8px 0 0}
.b-more{flex:none;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--hd-edge);background:transparent;color:var(--on-bar-hi);font:600 13px 'IBM Plex Sans',system-ui,sans-serif;cursor:pointer}
.b-more:hover{background:var(--hd-fill)}
.a2-hd.compact .b-in{height:56px}
/* TASK-0120: the compact header keeps its place in the flow (margin = the 16px it lost), so the page under it never
moves, scroll anchoring never shifts scrollY and the scroll handler cannot flip it back; below 1100px home-a2-js sets it */
@media (min-width:1100px){.a2-hd{transition:margin-bottom .18s}.a2-hd.compact{margin-bottom:16px}}
@media (min-width:1280px){.b-seg{overflow-x:visible}}
@media (min-width:1100px) and (max-width:1279px){
.b-in{gap:14px}
.b-s .i{display:none}
html body .a2-hd .b-s{padding:0 12px}
}
@media (max-width:1099px){
.a2-strip__r{display:none}
.a2-strip__in{padding:6px 16px}
.b-in{flex-wrap:wrap;height:auto;padding:0;gap:0}
.a2-hd.compact .b-in{height:auto}
html body .a2-hd .a2-logo{flex:0 1 250px;margin:6px 0 6px 16px}
.b-tools{margin-left:auto;padding:6px 12px 6px 0}
.b-tools .a2-theme{width:44px;height:44px}
.b-seg{order:5;flex:0 0 100%;border-radius:0;background:transparent;border:0;border-top:1px solid var(--hd-line);padding:6px 16px;gap:8px;scroll-snap-type:x proximity;scroll-padding-left:96px}
html body .a2-hd .b-s{height:44px;padding:0 16px;background:var(--hd-fill);scroll-snap-align:start}
html body .a2-hd .b-s.cur-sec{background:var(--pill)}
.b-all{display:inline-flex;position:sticky;left:-16px;margin-left:-16px;z-index:2;flex:none;align-items:center;gap:6px;height:44px;padding:0 14px 0 16px;border:0;border-radius:0 999px 999px 0;background:var(--bar-solid);color:var(--on-bar-hi);font:600 14.5px 'IBM Plex Sans',system-ui,sans-serif;cursor:pointer;box-shadow:8px 0 12px -6px var(--scrim)} /* TASK-0133: sticky offset counts from the .b-seg padding edge (16px); -16px pins it to the screen edge, no chip scrap on its left */
.b-all[hidden]{display:none}
.b-all span{border-bottom:1px dashed var(--hd-edge)}
.b-sub{border-top:0;background:transparent}
.b-lists{padding:0}
.b-list.show{display:block;padding:0 0 10px;min-height:0}
html body .a2-hd .b-lh{display:none}
html body .a2-hd .b-list ul{flex-wrap:nowrap;overflow-x:auto;padding:0 16px;gap:8px;scrollbar-width:none;scroll-snap-type:x proximity}
.b-list ul::-webkit-scrollbar{display:none}
html body .a2-hd .b-list li[hidden]{display:block}
html body .a2-hd .b-list li{scroll-snap-align:start}
html body .a2-hd .b-list .l{height:44px;padding:0 14px;border:1px solid var(--hd-edge);border-radius:999px}
html body .a2-hd .b-list .l[aria-current=page]{box-shadow:none;border-radius:999px;border-color:var(--ring);background:var(--sky-tint)}
.b-more{display:none!important}
.a2-hd.compact .a2-logo,.a2-hd.compact .b-tools,.a2-hd.compact .b-sub:not(.open){display:none!important}
.a2-hd.compact .b-seg{border-top:0}
/* sheet: «All» on the phone */
.b-scrim:not([hidden]){display:block;position:fixed;inset:0;z-index:55;background:var(--scrim)}
.b-sub.open{position:fixed;left:0;right:0;bottom:0;top:44px;z-index:60;display:flex;flex-direction:column;background:var(--card);color:var(--text);border:1px solid var(--drop-bd);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:var(--drop);animation:a2-up .24s cubic-bezier(.2,.8,.2,1);--ring:var(--link)}
.b-sub.open .b-shead{display:grid;grid-template-columns:1fr auto;align-items:center;padding:6px 12px 6px 16px;border-bottom:1px solid var(--line);position:relative}
.b-handle{position:absolute;left:50%;top:6px;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:var(--line)}
html body .a2-hd .b-st{margin:14px 0 6px;padding:0;color:var(--heading);font:700 22px/1.2 'IBM Plex Sans Condensed','IBM Plex Sans',system-ui,sans-serif}
.b-x{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);cursor:pointer}
.b-sub.open .b-lists{overflow-y:auto;flex:1;padding:14px 16px 24px;overscroll-behavior:contain}
.b-sub.open .b-list{display:block;margin:0 0 12px;padding:0;border:1px solid var(--line);border-top:4px solid var(--hc);border-radius:16px;background:var(--card)}
.b-sub.open .b-list.cur-sec{border-color:var(--link);border-top-color:var(--hc)}
html body .a2-hd .b-sub.open .b-lh{display:flex;height:auto;min-height:58px;margin:0;padding:8px 14px;gap:12px;color:var(--text);font:700 19px 'IBM Plex Sans Condensed','IBM Plex Sans',system-ui,sans-serif;letter-spacing:0;text-transform:none;border-radius:12px 12px 0 0}
.b-sub.open .b-lh .tile{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:var(--hc);color:var(--on-bar-hi)}
.b-sub.open .b-lh .b-n{display:inline;margin-left:auto;font:600 12px 'IBM Plex Mono',ui-monospace,Menlo,monospace;color:var(--muted)}
.b-sub.open .b-lh .b-la{display:block;color:var(--link)}
html body .a2-hd .b-sub.open .b-list ul{flex-wrap:wrap;overflow:visible;padding:0 14px 14px}
html body .a2-hd .b-sub.open .b-list .l{color:var(--text);border-color:var(--line);background:var(--stripe)}
html body .a2-hd .b-sub.open .b-list .l:hover{border-color:var(--link);color:var(--link)}
html body .a2-hd .b-sub.open .b-list .l[aria-current=page]{color:var(--link);border-color:var(--link);font-weight:600;background:var(--card)}
}
@keyframes a2-up{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.a2-hd *,.a2-hd{animation:none!important;transition:none!important}}
/* block: a2-tpl */
/* first screen: breadcrumbs after the H1 in code, shown above it */
.a2t-head{display:flex;flex-direction:column}
.a2t-bc{order:-1;margin:0 0 14px}
html body .a2t-bc ol{display:flex;flex-wrap:wrap;gap:4px 0;margin:0!important;padding:0!important;list-style:none!important;font-size:14px;line-height:20px;color:#D6E3FF}
html body .a2t-bc li{margin:0!important;padding:0!important;background:none!important;list-style:none!important}
.a2t-bc li::before,.a2t-bc li::after{content:none!important}
.a2t-bc li+li::before{content:"/"!important;display:inline!important;margin:0 8px;color:#8FD0FF}
.a2t-bc a{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px}
.a2t-bc li[aria-current]{color:#D6E3FF}
html body .a2t-kicker{margin:-8px 0 16px!important;color:#8FD0FF;font:600 13px/18px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.08em}
html body .a2t-intro{margin:0 0 20px!important;color:#D6E3FF!important;font-size:18px!important;line-height:28px!important;text-align:left!important}
.a2t-intro a{color:#FFFFFF}
/* review facts card */
.a2t-card{display:flex;flex-direction:column;gap:14px;padding:20px 22px 22px;border-radius:18px;background:var(--card);color:var(--text);box-shadow:0 24px 60px rgba(7,19,55,.4)}
.a2t-card__logo{display:flex;color:inherit;justify-content:center;align-items:center;min-height:96px;padding:8px;border-radius:12px;background:var(--plate)}
.a2t-card__logo img{display:block;max-width:100%;max-height:128px;height:auto}
.a2t-card .rating{display:flex;align-items:baseline;gap:12px}
.a2t-card .stars{font-size:20px;letter-spacing:2px;color:var(--text)}
.a2t-card .score{font:600 22px/28px 'IBM Plex Mono',ui-monospace,Menlo,monospace}
.a2t-tile{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--stripe);color:var(--text);text-decoration:none}
.a2t-tile:hover,.a2t-tile:focus{border-color:var(--link)}
.a2t-tile__lbl{color:var(--muted);font:600 12px/16px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.a2t-tile__val{font-weight:700;font-size:17px;line-height:23px}
.a2t-tile__note{color:var(--muted);font-size:13px;line-height:18px}
.a2t-tile__go{color:var(--link);font-weight:700;font-size:14px}
.a2t-tile__go::after{content:" \2192"}
.a2t-cta{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:12px;background:linear-gradient(135deg,#0F2D86,#1B5BF0);color:#FFFFFF!important;font-weight:700;font-size:16px;letter-spacing:.04em;text-decoration:none}
.a2t-cta:hover,.a2t-cta:focus{background:#0F2D86}
html body .a2t-noref{display:flex;align-items:center;justify-content:center;min-height:52px;margin:0!important;border:1px dashed var(--line);border-radius:12px;color:var(--muted)!important;font-weight:700;font-size:16px}
html body .a2t-legal{margin:0!important;color:var(--muted)!important;font-size:13px!important;line-height:18px!important;text-align:center!important}
html body .a2t-legal a{color:var(--link)!important;white-space:nowrap!important}
/* the one disclosure plaque (advertising disclosure + information notice) */
.a2t-disc{margin:0 0 24px;padding:4px 16px;border-left:4px solid var(--link);border-radius:12px;background:var(--stripe)}
html body .a2t-disc .affiliate-disclosure,html body .a2t-disc .info-notice{max-width:none!important;margin:0!important;padding:12px 0!important;border:0!important;border-radius:0!important;background:none!important;color:var(--muted)!important;font-size:14px!important;line-height:21px!important}
html body .a2t-disc .affiliate-disclosure{border-bottom:1px solid var(--line)!important}
html body .a2t-disc .info-notice p{margin:0!important;font-size:14px!important;line-height:21px!important;color:var(--muted)!important}
html body .a2t-disc strong,html body .a2t-disc .info-notice strong{color:var(--text)!important}
/* article content: images, tables from chunks */
.a2t-art img{max-width:100%;height:auto;border-radius:12px}
html body .a2t-art p:empty{display:none}
.a2t-art .stock-table,.a2t-art .a2t-tw,.a2t-art .tbl{margin:16px 0 24px;padding:0!important;overflow-x:auto;border:1px solid var(--line);border-radius:14px}
html body .a2t-art table{width:100%!important;margin:0!important;border:0!important;border-collapse:collapse;background:none!important;font-size:15px;line-height:22px}
html body .a2t-art table tr{background:none!important}
html body .a2t-art table th{padding:12px 14px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:var(--stripe)!important;color:var(--muted)!important;font:600 12px/16px 'IBM Plex Mono',ui-monospace,Menlo,monospace!important;letter-spacing:.06em;text-transform:uppercase!important;text-align:left!important;vertical-align:bottom}
html body .a2t-art table td{padding:12px 14px!important;border:0!important;border-bottom:1px solid var(--line)!important;color:var(--text)!important;font-size:15px!important;line-height:22px!important;text-align:left!important;vertical-align:top}
html body .a2t-art table tr:last-child td{border-bottom:0!important}
.a2t-toc a{overflow-wrap:anywhere}
/* hubs (TASK-0113): H1, meta line, lead and key-facts box moved up from the body; bespoke wrappers (tpk, tg, bjx) in tokens */
.a2t-hero--solo{grid-template-columns:minmax(0,1fr)}
.a2t-hero--solo .a2t-head{max-width:880px}
html body .a2t-head>p[class$="-meta"]{margin:0 0 14px!important;color:#D6E3FF!important;font-size:14px!important;line-height:21px!important;text-align:left!important}
html body .a2t-head>p[class$="-meta"] a{color:#FFFFFF!important}
html body .a2t-head>p[class$="-lead"]{margin:0 0 20px!important;color:#D6E3FF!important;font-family:inherit!important;font-size:18px!important;line-height:28px!important;font-weight:400!important;text-align:left!important}
html body .a2t-key>*{margin:0!important;padding:20px 22px!important;border:0!important;border-radius:18px!important;background:var(--card)!important;color:var(--text)!important;box-shadow:0 24px 60px rgba(7,19,55,.4)}
html body .a2t-key :is(p,h2,h3,strong)[class$="-key-h"],html body .a2t-key>*>:is(h2,h3,strong):first-child{display:block;margin:0 0 10px!important;padding:0!important;border:0!important;color:var(--muted)!important;font:600 13px/18px 'IBM Plex Mono',ui-monospace,Menlo,monospace!important;letter-spacing:.08em;text-transform:uppercase}
html body .a2t-key ul{margin:0!important;padding:0 0 0 18px!important}
html body .a2t-key li{margin:0 0 8px!important;text-align:left!important;color:var(--text)!important;font-size:15px!important;line-height:22px!important}
html body .a2t-key a{color:var(--link)!important}
html body :is(.a2t--hub,.a2t--article) .a2t-art :is(.tpk,.tg-article,.bjx){max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:none!important;color:var(--text)!important;font-family:inherit!important;font-size:inherit!important}
html body :is(.a2t--hub,.a2t--article) .a2t-art :is(.tpk,.tg-article,.bjx) a{color:var(--link)!important}
html body :is(.a2t--hub,.a2t--article) .a2t-art :is([class$="-note"],[class$="-key"],[class$="-help"],[class*="-box"]){margin:20px 0!important;padding:16px 20px!important;border:0!important;border-left:4px solid var(--link)!important;border-radius:12px!important;background:var(--stripe)!important;color:var(--text)!important}
html body :is(.a2t--hub,.a2t--article) .a2t-art :is([class$="-note"],[class$="-key"],[class$="-help"],[class*="-box"]) :is(p,li,strong){color:var(--text)!important}
html body :is(.a2t--hub,.a2t--article) .a2t-art :is(figcaption,[class$="-by"],[class$="-src"]){color:var(--muted)!important}
html body :is(.a2t--hub,.a2t--article) .a2t-art :is(.tpk-tbl,.tg-scroll,.bjx-tw){margin:16px 0 24px!important;overflow-x:auto;border:1px solid var(--line)!important;border-radius:14px!important}
html body :is(.a2t--hub,.a2t--article) .a2t-art table{min-width:0!important;color:var(--text)!important}
html body :is(.a2t--hub,.a2t--article) .a2t-art table caption{padding:12px 14px!important;background:var(--stripe)!important;color:var(--text)!important;text-align:left!important;font-weight:700}
html body :is(.a2t--hub,.a2t--article) .a2t-art tbody th{position:static!important;vertical-align:top!important;padding:12px 14px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:none!important;color:var(--text)!important;font-family:inherit!important;font-size:15px!important;line-height:22px!important;font-weight:600!important;text-transform:none!important;letter-spacing:normal}
html body :is(.a2t--hub,.a2t--article) .a2t-art tbody td{background:none!important}
html body :is(.a2t--hub,.a2t--article) .hp-art .tpk-tl li::before{content:""!important;display:block!important}
html body :is(.a2t--hub,.a2t--article) .hp-art :is(.tpk-steps,.tg-steps,.bjx-flow) li::before{content:counter(s)!important;display:flex!important}
html body :is(.a2t--hub,.a2t--article) .hp-art .tg-check li::before{content:"\2713"!important;display:flex!important}
/* hubs (TASK-0113 layout*): headings wrap so tables fit the column; bespoke button; strategy colours; dark theme for tg/bjx/tpk palettes (values = a2-tokens dark) */
html body :is(.a2t--hub,.a2t--article) .a2t-art :is(.tpk-tbl,.bjx-tw,.tg-scroll) :is(th,td){white-space:normal!important}
html body :is(.a2t--hub,.a2t--article) .a2t-art :is(.tpk-tbl,.bjx-tw,.tg-scroll) :is(th,td,th a,td a){overflow-wrap:normal!important;word-break:normal!important}
html body :is(.a2t--hub,.a2t--article) .a2t-art .tpk a.tpk-visit{background:var(--link)!important;color:var(--page)!important}
html body :is(.a2t--hub,.a2t--article) .a2t-art .tpk a.tpk-visit:hover{background:var(--link-h)!important}
html body .a2t .a2t-art .bjx-strat td:is(.aH,.aS,.aD,.aDs){color:#fff!important}
html body .a2t .a2t-art .bjx-strat td.aH{background:#2f855a!important}
html body .a2t .a2t-art .bjx-strat td.aS{background:#c4302b!important}
html body .a2t .a2t-art .bjx-strat td.aD{background:#2b5fa8!important}
html body .a2t .a2t-art .bjx-strat td.aDs{background:#6b3fa0!important}
html body .a2t .a2t-art .bjx-strat td.aP{background:#e0b341!important;color:#16241f!important}
html body .a2t .a2t-art .bjx-hero :is(.bjx-hero-t,.bjx-hero-s){text-align:inherit!important;padding:0!important}
html body .a2t .a2t-art .bjx-hero .bjx-hero-t{margin:0!important;color:var(--cream)!important;font-family:var(--serif)!important;font-weight:700!important;font-size:clamp(30px,5vw,46px)!important;line-height:1.08!important}
html body .a2t .a2t-art .bjx-hero .bjx-hero-s{margin:.5em 0 1em!important;color:#cfe3da!important}
@media (min-width:1200px){html body .a2t .a2t-art .bjx-strat :is(th,td){padding:7px 2px!important;text-align:center!important;overflow-wrap:normal!important;word-break:normal!important;white-space:nowrap}}
html[data-theme=dark] .a2t-art .tg-article{--ink:#E6ECFA;--muted:#A9B6D6;--mist:#15224A;--line:#2A3A66;--paper:#111C3A;--felt-d:#6CE9A6}
html[data-theme=dark] body .a2t-art .tg-article .tg-legal{background:var(--no-bg)!important}
html[data-theme=dark] body .a2t-art .tg-article .tg-legal strong.tg-t{color:var(--no-tx)!important}
html[data-theme=dark] body .a2t-art .tg-article .tg-grid span:not(.tg-tag){color:var(--muted)!important}
html[data-theme=dark] body .a2t-art .tpk-tl span{color:var(--warn-tx)!important}
html[data-theme=dark] body .a2t-art .bjx :is(.bjx-bars,.bjx-vals,.bjx-flow li,.bjx-strat,caption){background:var(--stripe)!important}
html[data-theme=dark] body .a2t-art .bjx :is(.bjx-flow li>*,.bjx-bar .l,.bjx-legend li){color:var(--text)!important}
html[data-theme=dark] body .a2t-art .bjx .bjx-bar .v.pos{color:var(--no-tx)!important}
html[data-theme=dark] body .a2t-art .bjx .bjx-bar .v.neg{color:var(--yes-tx)!important}
html[data-theme=dark] body .a2t-art .tg-article .tg-ends span:first-child{color:var(--no-tx)!important}
html[data-theme=dark] body .a2t-art .tg-article .tg-ends span:last-child{color:var(--yes-tx)!important}
html[data-theme=dark] body .a2t-art .toca-byline{color:var(--muted)!important;border-color:var(--line)!important}
html[data-theme=dark] body .a2t-art .bjx{--mute:var(--muted)}
html[data-theme=dark] body .a2t-art .bjx .bjx-val{--mute:#5d6f68;color:#16241f}
.a2t-after{margin-top:8px}
html body .a2t-after .crl,html body .a2t-art .crl{max-width:none;margin:32px 0 0;padding:0}
html body .a2t .crl h2{color:var(--heading)!important;font:700 26px/30px 'IBM Plex Sans Condensed','Arial Narrow',system-ui,sans-serif!important}
html body .a2t .crl ul.crl__list a{border-bottom:1px solid var(--line)!important;color:var(--link)!important}
html body .a2t-art li,html body .a2t-art p{overflow-wrap:break-word}
@media (max-width:1199px){
.a2t-art .stock-table,.a2t-art .a2t-tw,.a2t-art .tbl{overflow:visible;border:0;border-radius:0}
.a2t-art table,.a2t-art table tbody,.a2t-art table tr,.a2t-art table td{display:block;width:auto!important}
html body .a2t-art table thead,html body .a2t-art table tr:not(:has(> td)){position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0!important;box-shadow:none!important}
html body .a2t-art table tr{margin:0 0 12px;padding:4px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card)!important;box-shadow:0 6px 20px var(--shadow)}
html body .a2t-art table td{padding:10px 0!important}
html body .a2t-art table tr td:last-child{border-bottom:0!important}
.a2t-art table td:first-child{font-weight:600}
.a2t-art table td:not(:first-child)[data-label]::before{content:attr(data-label);display:block;margin-bottom:2px;color:var(--muted);font:600 12px/16px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}
}
@media (max-width:1199px){
/* hubs: body rows that start with a row heading stay visible as cards */
html body :is(.a2t--hub,.a2t--article) .a2t-art :is(.tpk-tbl,.tg-scroll,.bjx-tw){overflow:visible;border:0!important;border-radius:0!important}
html body :is(.a2t--hub,.a2t--article) .a2t-art tbody th{display:block;padding:10px 0!important}
html body :is(.a2t--hub,.a2t--article) .a2t-art table tr:has(> td){position:static!important;width:auto!important;height:auto!important;overflow:visible;clip:auto;white-space:normal}
}
@media (max-width:760px){
html body .a2t-head>p[class$="-lead"]{font-size:16px!important;line-height:24px!important}
html body .a2t-key>*{padding:16px!important}
.a2t-bc{margin:0 0 10px}
html body .a2t-bc ol{font-size:13px;line-height:18px}
html body .a2t-intro{margin:0 0 16px!important;font-size:16px!important;line-height:24px!important}
.a2t-card{padding:16px}
.a2t-disc{margin:0 0 16px;padding:2px 12px}
}
/* block: anon */
.crl{max-width:986px;margin:32px auto 0;padding:0 16px;box-sizing:border-box}
.crl h2{font-size:22px;margin:0 0 12px}
.crl ul.crl__list{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0 18px}
.crl ul.crl__list li,.crl ul.crl__list li[style]{list-style:none!important;background:none!important;padding:0!important;margin:0!important;position:static!important}
.crl ul.crl__list li::before,.crl ul.crl__list li::after{content:none!important;display:none!important}
.crl ul.crl__list a{display:block!important;padding:8px 0!important;border-bottom:1px solid #e5e5e5;color:#1f2a44!important;font-size:16px!important;line-height:1.4!important;text-decoration:none!important;text-transform:none!important;opacity:1!important;visibility:visible!important}
.crl ul.crl__list a:hover{text-decoration:underline!important}
/* block: anon */
footer .fp{margin-top:20px;padding-top:16px;border-top:1px solid #e3dccb;text-align:left}
footer .fp h2{background:none!important;padding:0!important;margin:0 0 12px!important;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#5b5670;font-weight:600;text-align:left!important;width:auto!important}
footer .fp ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none!important;padding:0!important;margin:0!important}
footer .fp ul li{background:none!important;padding:0!important;margin:0!important;list-style:none!important;position:static!important;text-align:left!important}
footer .fp ul li::before,footer .fp ul li::after{content:none!important;display:none!important}
footer .fp .b{display:flex;align-items:center;gap:11px;height:100%;box-sizing:border-box;min-height:62px;padding:11px 13px;border:1px solid #e3dccb;border-radius:10px;background:#fff;color:#15121f!important;text-decoration:none!important;text-align:left!important;transition:border-color .15s,box-shadow .15s}
footer .fp a.b:hover,footer .fp a.b:focus{border-color:#0b5e55;box-shadow:0 1px 5px rgba(11,94,85,.16);text-decoration:none!important}
footer .fp .ic{flex:0 0 28px;width:28px;height:28px;color:#0b5e55}
footer .fp .ic svg{width:28px;height:28px;display:block}
footer .fp .tx{min-width:0}
footer .fp .t{display:block;font-weight:600;font-size:13.5px;line-height:1.25;text-align:left!important}
footer .fp .s{display:block;font-size:11.5px;line-height:1.35;color:#5b5670;margin-top:3px;text-align:left!important}
footer .fp .age .ic{color:#b3261e}
footer .fp .note{margin:12px 0 0!important;padding:0!important;width:auto!important;font-size:12px;line-height:1.5;color:#5b5670;text-align:left!important}
@media (max-width:900px){footer .fp ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
footer .fp .tag{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 14px;border-left:3px solid #b3261e;background:#fff;border-radius:0 8px 8px 0;font-size:14px;font-weight:600;color:#15121f;text-align:left!important;line-height:1.35}
footer .fp .tag span{font-weight:400;font-size:12px;color:#5b5670;white-space:nowrap}
@media (max-width:560px){footer .fp .tag{flex-wrap:wrap;gap:4px;font-size:13.5px}footer .fp .tag span{white-space:normal}}
@media (max-width:430px){footer .fp ul{grid-template-columns:1fr}}
/* block: anon */
footer .fg{display:flex;flex-wrap:wrap;gap:20px 32px;list-style:none;padding:0;margin:0}footer .fg>li{flex:1 1 200px;min-width:180px;background:none!important;padding:0!important;margin:0!important;list-style:none!important}footer .fg strong{display:block;margin-bottom:6px;color:#15121f}footer .fg ul{list-style:none;padding:0;margin:0}footer .fg ul li{background:none!important;padding:0!important;margin:0!important;list-style:none!important}footer .fg ul li a{display:inline-block;padding:6px 0}footer .fg a{color:#0b5e55;text-decoration:none}footer .fg a:hover{text-decoration:underline}
/* block: anon */
footer nav ul li, footer nav ul li[style] { background: none !important; padding: 0 !important; margin: 0 !important; list-style: none !important; }
.hbl-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hbl-kicker{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--link)}
.hbl-blockwrap{padding:22px 0 4px}
.hbl-sec{padding:18px 0 6px}
.hbl-sec__t{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:22px;line-height:1.25;color:var(--text)}
.hbl-sec__t:after{content:"";flex:1 1 auto;height:1px;background:var(--line)}
.hbl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
@media (max-width:980px){.hbl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.hbl-grid{grid-template-columns:1fr}}
.hbl-card{display:flex;min-width:0}
.hbl-card__in{display:flex;flex:1 1 auto;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px rgba(11,23,51,.05)}
.hbl-card__l{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;padding:16px 16px 14px;text-decoration:none;color:inherit}
.hbl-card__cat{align-self:flex-start;padding:3px 10px;border-radius:999px;background:rgba(23,71,214,.08);color:var(--link);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.hbl-card__t{font-size:17px;line-height:1.35;font-weight:700;color:var(--text)}
.hbl-card__x{font-size:13px;line-height:1.6;color:var(--muted)}
.hbl-card__m{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:10px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.hbl-card__m em{font-style:normal}
.hbl-card:hover .hbl-card__t{color:var(--link-h)}
.hbl-card:hover .hbl-card__in{border-color:rgba(23,71,214,.35);box-shadow:0 8px 22px rgba(11,23,51,.10)}
.hbl-empty{margin:0;padding:22px;background:var(--card);border:1px dashed var(--line);border-radius:16px;color:var(--muted)}
.hbl-sub{padding:10px 0 0}
.hbl-pag{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:20px 0 4px}
.hbl-pag a,.hbl-pag span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);font-size:14px;font-weight:600;text-decoration:none}
.hbl-pag a:hover{border-color:var(--link);color:var(--link-h)}
.hbl-pag__c{background:var(--bar-solid)!important;border-color:var(--bar-solid)!important;color:#fff!important}
.hbl-pag__s{min-width:auto!important}
.hbl-cta{display:block;margin-top:12px;padding:11px 14px;border-radius:12px;background:var(--bar);color:#fff;font-size:14px;font-weight:700;text-align:center;text-decoration:none}
.hbl-cta:hover{color:var(--accent)}
.hbl-cm{margin:28px 0 0;padding:20px;background:var(--card);border:1px solid var(--line);border-radius:16px}
.hbl-cm__h{margin:0 0 16px;font-size:19px;color:var(--text)}
.hbl-cm__i{margin:0 0 14px;padding:14px 16px;background:rgba(127,127,127,.05);border:1px solid var(--line);border-radius:12px}
.hbl-cm__hd{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.hbl-cm__av{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--bar-solid);color:#fff;font-size:12px;font-weight:700}
.hbl-cm__n{font-size:14px;color:var(--text)}
.hbl-cm__d{margin-left:auto;font-size:12px;color:var(--muted)}
.hbl-cm__b{margin:0;font-size:14px;line-height:1.65;color:var(--text)}
.hbl-cm__l{margin:8px 0 0;font-size:12px;color:var(--muted)}
.hbl-cm__e{margin:0;color:var(--muted)}
.hbl-cm__f{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.hbl-cm__fh{margin:0 0 12px;font-size:16px;color:var(--text)}
.hbl-cm__fn{display:flex;flex-direction:column;gap:6px;margin:0 0 10px;font-size:13px;color:var(--muted)}
.hbl-cm__fn input,.hbl-cm__fn textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--page);color:var(--text);font:inherit}
.hbl-cm__fn--w{grid-column:1/-1}
.hbl-cm__f button{align-self:flex-start;padding:11px 20px;border:0;border-radius:10px;background:var(--bar);color:#fff;font-size:14px;font-weight:700;cursor:pointer}
.hbl-cm__f button:hover{color:var(--accent)}
footer{background:var(--footer-bg);color:#D6E3FF}
.hbl-ft{max-width:1200px;margin:0 auto;padding:34px 24px 26px}
.hbl-ft__legal{margin:0 0 18px;font-size:12px;line-height:1.7;color:rgba(214,227,255,.72)}
.hbl-ft__protect{padding:16px 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}
.hbl-ft__protect h2{margin:0 0 10px;font-size:15px;color:#fff}
.hbl-ft__protect ul{display:flex;flex-wrap:wrap;gap:12px 26px;margin:0;padding:0;list-style:none}
.hbl-ft__protect li{display:flex;align-items:center;gap:10px;font-size:12px;color:rgba(214,227,255,.82)}
.hbl-ft__protect .b{padding:4px 10px;border:1px solid rgba(255,255,255,.28);border-radius:12px;color:#fff;font-weight:700}
.hbl-ft__nav{padding:22px 0 6px}
.hbl-ft__nav ul{display:flex;flex-wrap:wrap;gap:20px 32px;margin:0;padding:0;list-style:none}
.hbl-ft__nav>ul>li{flex:1 1 200px;min-width:180px}
.hbl-ft__nav strong{display:block;margin-bottom:10px;font-size:14px;color:#fff}
.hbl-ft__nav li ul{margin:0;padding:0;list-style:none}
.hbl-ft__nav li ul li{margin:0 0 6px}
.hbl-ft__nav a{font-size:13px;color:#D6E3FF;text-decoration:none}
.hbl-ft__nav a:hover{color:#fff;text-decoration:underline}
.hbl-ft__bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2);font-size:12px;color:rgba(214,227,255,.72)}
.hbl-ft__brand{margin-left:auto;font-weight:700;color:#fff}
.hbl-ft__brand em{font-style:normal;margin-left:8px;padding:3px 8px;border-radius:8px;background:rgba(255,255,255,.14);color:#fff}