:root{
    --page:#000;
    --paper:#f5f6f7;
    --paper-alt:#e7eaed;
    --white:#fff;

    --ink:#20262b;
    --text:#30373d;
    --muted:#68727a;

    --line:#aeb6bd;
    --line-dark:#59636b;
    --line-light:#e2e6e9;

    --navy:#173b5b;
    --navy-dark:#0b263d;
    --navy-light:#315a79;

    --blue:#003a78;
    --blue-dark:#00285a;
    --blue-soft:#dfeaf3;

    --orange:#d77a00;
    --orange-dark:#a95c00;

    --red:#8c1717;
    --red-dark:#641010;
    --red-soft:#f1dfdf;

    --olive:#5f6736;
    --olive-soft:#e7eadc;

    --silver:#c8cdd2;
    --silver-dark:#8d979f;

    --shadow:rgba(0,0,0,.14);
}

/* =========================================================
GLOBAL PAGE
========================================================= */

html{
    min-width:900px;
    min-height:100%;
    background:#000 url("https://sadhost.neocities.org/images/tiles/stars.gif") repeat;

    cursor:url("../images/cursor/Normal-Select.png"), auto;
}

body{
    min-width:900px;
    min-height:100vh;
    margin:0;
    padding:8px 0 30px;

    background:#000 url("https://sadhost.neocities.org/images/tiles/stars.gif") repeat;

    color:var(--text);

    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:1.45;
}

/* =========================================================
BASIC HTML
========================================================= */

a{
    color:var(--blue);
    text-decoration:underline;
}

a:visited{
    color:#55338d;
}

a:hover{
    color:var(--orange-dark);
    text-decoration:underline;
}

a:active{
    color:#b00000;
}

a,
button,
input[type="submit"],
input[type="button"]{
    cursor:url("../images/cursor/Link-Select.png"), pointer;
}

img{
    border:0;
    max-width:100%;
}

p{
    margin:0 0 8px;
}

ul,
ol{
    margin-top:4px;
    margin-bottom:8px;
}

hr{
    height:1px;
    margin:11px 0;

    border:0;
    border-top:1px solid var(--line);
    border-bottom:1px solid #fff;
}

/* =========================================================
STANDALONE PAGE BACKGROUNDS
========================================================= */

body.guestbook-body,
body.macau-body{
    min-width:0;
    min-height:100vh;
}

body.guestbook-body{
    background:#71583f
    url("https://i.ibb.co/YcHbhfx/wood001.jpg")
    repeat;

    color:#3f3228;
}

body.macau-body{
    background:#b2a58f
    url("https://i.ibb.co/0QhCxcR/paper001.jpg")
    repeat;

    color:#30363a;
}

/* =========================================================
MAIN SITE FRAME
========================================================= */

.site{
    width:840px;
    margin:10px auto 26px;
    padding:0;

    background:#f5f6f7;

    border:1px solid #111;

    box-shadow:
        0 0 0 1px #68727a,
        0 2px 5px rgba(0,0,0,.28);
}

/* =========================================================
SITE HEADER
========================================================= */

.mast{
    padding:7px 10px 8px;

    background:#f5f6f7;

    border-bottom:1px solid #7e8c98;
}

.mast-top{
    display:table;
    width:100%;
}

.identity{
    display:table-cell;
    width:67%;
    vertical-align:bottom;

    color:#17384f;

    font:bold 21px/1 Arial,Helvetica,sans-serif;

    letter-spacing:-.02em;
}

.identity small{
    display:block;
    margin-top:3px;

    color:#65717a;

    font:10px/1.25 Arial,Helvetica,sans-serif;

    letter-spacing:.02em;
}

.utility{
    display:table-cell;
    vertical-align:bottom;
    text-align:right;

    color:#68727a;

    font:10px/1.3 Arial,Helvetica,sans-serif;
}

.utility a{
    color:#124e82;
    text-decoration:underline;
}

.utility a:hover{
    color:var(--orange-dark);
}

/* =========================================================
HEADER RULE
========================================================= */

.mast-rule{
    height:4px;
    margin-top:7px;

    background:#193d5b;

    border-top:1px solid #0a2235;
    border-bottom:1px solid #6e8ba3;
}

/* =========================================================
MAIN NAVIGATION
========================================================= */

.nav{
    min-height:24px;
    padding:0;

    background:#d5dade;

    border-bottom:1px solid #4e5961;

    box-shadow:inset 0 1px 0 #fff;
}

.nav:after{
    content:"";
    display:block;
    clear:both;
}

.nav a{
    float:left;
    display:block;

    margin:0;
    padding:6px 10px 5px;

    background:#e8ebed;

    border-right:1px solid #929ba2;
    border-left:1px solid #f5f6f7;

    color:#173d5e;

    font:bold 11px/1 Arial,Helvetica,sans-serif;

    text-decoration:none;
}

.nav a:first-child{
    border-left:1px solid #929ba2;
}

.nav a:hover{
    background:#f7f9fa;

    color:var(--orange-dark);

    text-decoration:none;
}

.nav a.current{
    position:relative;
    top:0;

    background:#234b6b;

    border-left-color:#102e45;
    border-right-color:#102e45;

    color:#fff;

    text-decoration:none;
}

/* =========================================================
CONTENT AREA
========================================================= */

.content{
    padding:10px 11px 16px;

    background:#fff;
}

/* =========================================================
GENERAL PAGE TITLES
========================================================= */

.page-title{
    margin:0;

    padding:5px 8px;

    background:#244e6e;

    border:1px solid #102d43;

    color:#fff;

    font:bold 15px/1.15 Arial,Helvetica,sans-serif;
}

.page-intro{
    margin:0 0 10px;
    padding:5px 8px;

    background:#edf1f4;

    border-right:1px solid var(--line-light);
    border-left:1px solid var(--line-light);
    border-bottom:1px solid #a7b0b7;

    color:#59636b;

    font:11px/1.35 Arial,Helvetica,sans-serif;
}

/* =========================================================
TWO COLUMN / PORTAL STRUCTURE
========================================================= */

.two-col{
    display:block;
}

.two-col:after{
    content:"";
    display:block;
    clear:both;
}

.two-col > *{
    float:left;
    width:48%;
    margin-right:4%;
}

.two-col > *:last-child{
    margin-right:0;
}

/* =========================================================
HOME
========================================================= */

.home-grid{
    display:block;
}

.home-grid:after{
    content:"";
    display:block;
    clear:both;
}

.home-grid > *:first-child{
    float:left;
    width:66%;
}

.home-grid > *:last-child{
    float:right;
    width:31%;
}

/* =========================================================
PORTAL SHEETS
========================================================= */

.sheet{
    margin-bottom:9px;

    background:#fff;

    border:1px solid #9ca5ac;
}

.sheet-head{
    min-height:11px;
    padding:4px 7px;

    background:#315a78;

    border-bottom:1px solid #102f48;

    color:#fff;

    font:bold 10px/1.15 Arial,Helvetica,sans-serif;

    letter-spacing:.02em;
    text-transform:uppercase;
}

.sheet-head .mark{
    float:right;

    color:#d1dce4;

    font:9px/1.15 Arial,Helvetica,sans-serif;

    letter-spacing:0;
    text-transform:none;
}

.sheet-body{
    padding:8px 9px;

    background:#fff;
}

.lead{
    margin:0 0 6px;

    color:#1f2d38;

    font:bold 13px/1.3 Arial,Helvetica,sans-serif;
}

.compact{
    margin:0 0 7px;
}

/* =========================================================
INDEX / QUICK LINKS
========================================================= */

.index-links{
    margin:0;
    padding:0;
    list-style:none;
}

.index-links li{
    margin:0;

    border-bottom:1px dotted #adb5bc;
}

.index-links li:last-child{
    border-bottom:0;
}

.index-links a{
    display:block;
    padding:4px 4px;

    text-decoration:none;
}

.index-links a:hover{
    background:#f1f5f8;

    color:var(--orange-dark);

    text-decoration:underline;
}

/* =========================================================
QUICK LIST
========================================================= */

.quick-list{
    margin:0;
    padding-left:17px;
}

.quick-list li{
    margin:1px 0;
}

/* =========================================================
BUTTON SHELF
========================================================= */

.button-shelf{
    margin-top:9px;

    background:#edf0f2;

    border:1px solid #9ba4ab;

    box-shadow:inset 0 1px 0 #fff;
}

.button-shelf-head{
    padding:4px 7px;

    background:#465966;

    border-bottom:1px solid #23323d;

    color:#fff;

    font:bold 10px/1.15 Arial,Helvetica,sans-serif;

    text-transform:uppercase;
}

.buttons{
    padding:7px;

    text-align:left;
}

.buttons:after{
    content:"";
    display:block;
    clear:both;
}

.buttons a{
    display:inline-block;

    margin:0 3px 4px 0;

    background:#fff;

    border:1px solid #828b91;

    line-height:0;
}

.buttons a:hover{
    border-color:var(--orange-dark);
}

.buttons img{
    display:block;
    width:88px;
    height:31px;
}

.debian{
    padding:0 7px 7px;
}

.visitor-counter{
    margin:4px 0 3px;

    color:#59636b;
    text-align:center;

    font:9px/1.2 Arial,Helvetica,sans-serif;
}

.visitor-label{
    display:inline;
    margin-right:3px;
}

.visitor-counter a{
    display:inline-block;

    vertical-align:middle;

    line-height:0;
}

.visitor-counter img{
    display:block;
}

.archive-note{
    margin:7px 0 0;
}

/* =========================================================
FOOTER
========================================================= */

.footer{
    padding:7px 9px;

    background:#d9dde0;

    border-top:1px solid #52616b;

    color:#55616a;

    font:9px/1.35 Arial,Helvetica,sans-serif;
}

/* =========================================================
UTILITY
========================================================= */

.muted{
    color:#68727a;
    font-size:10px;
}

.small{
    color:#68727a;
    font-size:9px;
}

.rule{
    height:1px;
    margin:11px 0;

    border:0;
    border-top:1px solid #a7b0b7;
    border-bottom:1px solid #fff;
}

/* =========================================================
ABOUT
========================================================= */

.about-block{
    padding-top:6px;

    border-top:2px solid #335b78;
}

.about-block.olive{
    border-top-color:var(--olive);
}

.about-block.red{
    border-top-color:var(--red);
}

.about-block h2{
    margin:0 0 5px;

    color:#26343e;

    font:bold 13px/1.2 Arial,Helvetica,sans-serif;
}

.about-block p{
    margin:0 0 7px;
}

.about-block ul{
    margin:0;
    padding-left:17px;
}

.about-block li{
    margin:1px 0;
}

.setup{
    float:right;
    width:300px;

    margin:0 0 10px 12px;
    padding:3px;

    background:#fff;

    border:1px solid #7f898f;
}

.setup img{
    display:block;
    width:100%;
    height:auto;
}

.caption{
    margin:3px 2px 0;

    color:#68727a;

    font:9px/1.25 Arial,Helvetica,sans-serif;
}

.now-box{
    padding:6px 7px;

    background:#eef2f5;

    border-top:1px solid #aab4bc;
    border-bottom:1px solid #aab4bc;
}

.now-box table{
    width:100%;

    border-collapse:collapse;

    font-size:10px;
}

.now-box td{
    padding:3px 5px;

    border-bottom:1px dotted #aab2b8;

    vertical-align:top;
}

.now-box td:first-child{
    width:32%;

    color:#57636c;
    font-weight:bold;
}

/* =========================================================
DIRECTORY / PROJECTS
========================================================= */

.directory-grid{
    display:block;
}

.directory-grid:after{
    content:"";
    display:block;
    clear:both;
}

.directory-item{
    float:left;

    width:48%;
    min-height:70px;

    margin:0 4% 8px 0;

    background:#f8fafb;

    border:1px solid #99a2a9;

    color:#222;
    text-decoration:none;
}

.directory-item:nth-child(2n){
    margin-right:0;
}

.directory-item-head{
    padding:5px 6px;

    background:#e1e5e8;

    border-bottom:1px solid #a4adb4;

    color:#21435f;

    font:bold 11px/1.15 Arial,Helvetica,sans-serif;
}

.directory-item:hover .directory-item-head{
    background:#eef4f7;

    color:var(--orange-dark);
}

.folder-mini{
    width:24px;
    height:24px;

    margin-right:4px;

    vertical-align:middle;
}

.directory-item-body{
    padding:5px 6px;

    color:#5a646c;

    font:10px/1.35 Arial,Helvetica,sans-serif;
}

.project-list{
    border-top:2px solid #315975;
}

.project-row{
    display:table;

    width:100%;

    padding:6px 2px;

    border-bottom:1px dotted #a6afb6;
}

.project-row strong{
    display:table-cell;

    width:145px;

    padding-right:8px;

    vertical-align:top;

    color:#23323d;

    font:bold 11px/1.25 Arial,Helvetica,sans-serif;
}

.project-row p{
    display:table-cell;

    margin:0;

    vertical-align:top;

    color:#59646c;

    font:10px/1.35 Arial,Helvetica,sans-serif;
}

.project-row code{
    color:#3d4a53;

    font:10px "Courier New",monospace;
}

/* =========================================================
ARTICLE PAGES
========================================================= */

.article-layout{
    display:block;
}

.article-layout:after{
    content:"";
    display:block;
    clear:both;
}

.article-nav{
    float:left;

    width:145px;

    margin-right:12px;

    background:#eef0f2;

    border:1px solid #8e989f;
}

.article-nav .head{
    padding:5px 6px;

    background:#425f75;

    border-bottom:1px solid #20394b;

    color:#fff;

    font:bold 10px/1.15 Arial,Helvetica,sans-serif;

    text-transform:uppercase;
}

.article-nav a{
    display:block;

    padding:4px 6px;

    border-bottom:1px dotted #aab2b8;

    color:#174f80;

    font:10px/1.3 Arial,sans-serif;
}

.article-nav a:hover{
    background:#fff;
    color:var(--orange-dark);
}

.article{
    margin-left:157px;
}

.article h1{
    margin:0 0 6px;

    padding:4px 6px;

    background:#2d5877;

    border:1px solid #102d44;

    color:#fff;

    font:bold 16px/1.15 Arial,Helvetica,sans-serif;
}

.article h2{
    margin:14px 0 6px;

    padding:3px 6px;

    background:#e7ecef;

    border-top:1px solid #365c76;
    border-bottom:1px solid #a7b0b6;

    color:#27343c;

    font:bold 13px/1.2 Arial,Helvetica,sans-serif;
}

.article h3{
    margin:10px 0 4px;

    color:#2b3942;

    font:bold 11px/1.2 Arial,Helvetica,sans-serif;

    border-bottom:1px dotted #aab2b8;

    padding-bottom:2px;
}

.article p{
    margin:0 0 8px;
}

.article ul,
.article ol{
    margin-top:3px;
}

.article li{
    margin:1px 0;
}

.kicker{
    margin:0 0 8px;

    color:#68727a;

    font:italic 10px/1.3 Arial,Helvetica,sans-serif;
}

.editorial-note{
    margin:8px 0;

    padding:6px 7px;

    background:#f5e8e8;

    border-top:1px solid #cfb0b0;
    border-right:1px solid #d8c1c1;
    border-bottom:1px solid #cfb0b0;
    border-left:3px solid var(--red);

    font-size:10px;
}

.infobox{
    float:right;

    width:220px;

    margin:0 0 10px 12px;

    background:#f3f5f6;

    border:1px solid #7c878f;

    font:10px/1.3 Arial,Helvetica,sans-serif;
}

.infobox .ibox-title{
    padding:5px;

    background:#d9dfe3;

    border-bottom:1px solid #929da5;

    color:#203540;

    text-align:center;

    font:bold 11px Arial,Helvetica,sans-serif;
}

.infobox table{
    width:100%;

    border-collapse:collapse;
}

.infobox td{
    padding:3px 5px;

    border-bottom:1px dotted #abb3b9;

    vertical-align:top;
}

.infobox td:first-child{
    width:37%;

    color:#56626a;
    font-weight:bold;
}

/* =========================================================
TOC
========================================================= */

.toc{
    margin:9px 0;

    padding:6px 7px;

    background:#eef2f5;

    border-top:1px solid #aeb7be;
    border-bottom:1px solid #aeb7be;
}

.toc-title{
    margin-bottom:3px;

    color:#29485f;

    font:bold 10px/1.1 Arial,Helvetica,sans-serif;

    text-transform:uppercase;
}

.toc ol{
    margin:0;
    padding-left:18px;
}

.toc ul{
    margin:2px 0;
    padding-left:16px;
}

.variant-box{
    margin:7px 0;

    padding:6px 7px;

    background:#edf1e3;

    border-top:1px solid #b7bea2;
    border-right:1px solid #c7cdb7;
    border-bottom:1px solid #b7bea2;
    border-left:3px solid var(--olive);
}

/* =========================================================
KEYBOARD SHORTCUTS
========================================================= */

.kbs{
    margin:6px 0 8px;

    padding:0;

    list-style:none;
}

.kbs li{
    display:table;

    width:100%;

    padding:3px 0;

    border-bottom:1px dotted #a8b0b6;
}

.kd{
    display:table-cell;

    padding-right:10px;

    font-size:10px;
}

.kk{
    display:table-cell;

    width:145px;

    text-align:right;

    white-space:nowrap;
}

kbd{
    display:inline-block;

    min-width:17px;

    padding:1px 4px;

    background:#e1e4e7;

    border:1px solid #7f8a92;
    border-bottom-color:#5d6870;

    color:#27323a;

    font:bold 9px "Courier New",monospace;

    text-align:center;
}

.plus{
    padding:0 2px;

    color:#657078;

    font:9px Arial,Helvetica,sans-serif;
}

/* =========================================================
MNEMONICS
========================================================= */

.mnemonic{
    margin:7px 0;

    padding:6px 7px;

    background:#edf0f2;

    border-top:2px solid #7d8a92;
    border-right:1px solid #aab3b9;
    border-bottom:1px solid #aab3b9;
    border-left:1px solid #aab3b9;
}

.mnemonic-label{
    margin-bottom:3px;

    color:#59656d;

    font:bold 9px/1.1 Arial,Helvetica,sans-serif;

    text-transform:uppercase;
}

.mnemonic p{
    margin:0;

    font-size:10px;
}

/* =========================================================
FILESYSTEM PATHS
========================================================= */

.paths{
    margin:6px 0;

    padding:0;

    list-style:none;

    border-top:1px solid #a7b0b7;
}

.paths li{
    display:table;

    width:100%;

    padding:3px 0;

    border-bottom:1px dotted #a9b1b7;
}

.pl{
    display:table-cell;

    width:105px;

    color:#344650;

    font-size:10px;
    font-weight:bold;
}

.pv{
    display:table-cell;

    color:#59656c;

    font:9px "Courier New",monospace;
}

/* =========================================================
REFERENCE TABLE
========================================================= */

.ref-table{
    width:100%;

    margin:7px 0 9px;

    border-collapse:collapse;

    font-size:9px;
}

.ref-table th,
.ref-table td{
    padding:3px 5px;

    border:1px solid #89949c;

    text-align:left;

    vertical-align:top;
}

.ref-table th{
    background:#dfe4e7;

    color:#25323a;

    font:bold 10px Arial,Helvetica,sans-serif;
}

.ref-table td:first-child{
    width:70px;

    background:#eef1f3;

    color:#174f80;

    font:bold 9px "Courier New",monospace;
}

/* =========================================================
FINISHED GUIDE
========================================================= */

.guide-finished{
    margin-top:11px;

    border-top:2px solid var(--red);

    padding-top:5px;
}

.guide-finished h2{
    margin:0 0 4px;

    color:#2d353b;

    font:bold 13px/1.15 Arial,Helvetica,sans-serif;
}

.guide-finished .divider{
    height:1px;

    margin:6px 0;

    border-top:1px solid #aeb7bd;
    border-bottom:1px solid #fff;
}

/* =========================================================
PHOTOGRAPHY / ART
========================================================= */

.photo-top{
    display:block;

    margin:2px 0 10px;
}

.photo-top:after{
    content:"";
    display:block;
    clear:both;
}

.photo-top > *{
    float:left;

    width:48%;

    margin-right:4%;
}

.photo-top > *:last-child{
    margin-right:0;
}

.folder-card{
    display:block;

    background:#e9edef;

    border:1px solid #929da4;

    color:#23435b;

    text-decoration:none;
}

.folder-card:hover{
    background:#f4f7f9;

    border-color:#6f7d87;
}

.folder-icon{
    float:left;

    width:30px;
    height:24px;

    margin:6px 7px 6px 6px;
}

.folder-card strong{
    display:block;

    padding:6px 6px 1px;

    color:#254760;

    font:bold 11px/1.2 Arial,Helvetica,sans-serif;
}

.folder-card span{
    display:block;

    padding:0 6px 6px;

    color:#69747b;

    font:9px/1.3 Arial,Helvetica,sans-serif;
}

.gallery-section{
    margin-top:10px;

    padding-top:5px;

    border-top:2px solid #345d77;
}

.gallery-section h2{
    margin:0 0 7px;

    color:#283944;

    font:bold 13px/1.2 Arial,Helvetica,sans-serif;
}

.gallery-section.dad h2{
    color:#8a4e00;
}

.gallery-year{
    margin:8px 0 5px;

    padding-bottom:2px;

    border-bottom:1px dotted #9ea8af;

    color:#466176;

    font:bold 11px/1.2 Arial,Helvetica,sans-serif;
}

.gallery-date{
    margin:4px 0 3px;

    color:#6a757d;

    font:bold 9px/1.2 Arial,Helvetica,sans-serif;
}

.gallery-grid{
    display:block;
}

.gallery-grid:after{
    content:"";
    display:block;
    clear:both;
}

.photo-card{
    float:left;

    width:31.5%;

    margin:0 2.75% 9px 0;

    background:#fff;

    border:1px solid #909aa1;
}

.photo-card:nth-child(3n){
    margin-right:0;
}

.photo-card a{
    display:block;

    text-decoration:none;
}

.photo-card img{
    display:block;

    width:100%;
    height:auto;
}

.photo-card figcaption{
    padding:4px 5px;

    background:#eef1f3;

    border-top:1px solid #c4cbd0;

    color:#59656d;

    font:9px/1.25 Arial,Helvetica,sans-serif;
}

.no-photos{
    padding:7px;

    background:#f0f2f3;

    border-top:1px solid #aab3b9;
    border-bottom:1px solid #aab3b9;

    color:#657078;

    font:10px/1.35 Arial,Helvetica,sans-serif;
}

.gallery-section:target{
    background:#f5f8fa;
}

/* =========================================================
GUESTBOOK
========================================================= */

.guestbook-body{
    color:#3d3025;

    font-family:Arial,Helvetica,sans-serif;
}

.guest-page{
    width:760px;

    margin:12px auto 25px;

    background:#f3eee5;

    border:1px solid #705c46;

    box-shadow:0 2px 6px rgba(0,0,0,.20);
}

.guest-title{
    margin:0;

    padding:7px 9px;

    background:#67503a;

    border-bottom:1px solid #35271d;

    color:#fff;

    font:bold 17px/1.1 Georgia,"Times New Roman",serif;
}

.guest-intro{
    padding:6px 8px;

    background:#eee7dc;

    border-bottom:1px solid #b6a38c;

    color:#655647;

    font:10px/1.4 Arial,Helvetica,sans-serif;
}

.guest-rule{
    height:1px;

    margin:9px 0 11px;

    border:0;

    border-top:1px solid #9b886f;
    border-bottom:1px solid #fff;
}

.guestbox{
    padding:7px;

    background:#ece5da;

    border:1px solid #a58f76;

    box-shadow:inset 0 1px 0 #fff;
}

.guestbox iframe{
    display:block;

    width:100%;
    height:650px;

    background:#fff;

    border:1px solid #7d6b57;
}

.guest-footer{
    margin:8px 0 4px;

    color:#625244;

    text-align:center;

    font:10px Arial,Helvetica,sans-serif;
}

.guest-back{
    margin:6px 0 0;

    text-align:center;

    font:11px Arial,Helvetica,sans-serif;
}

.guest-back a{
    color:#000099;
}

.guest-back a:visited{
    color:#330066;
}

.guest-back a:hover{
    color:#900;
}

/* =========================================================
MACAU CARD-GAME GUIDE
========================================================= */

.macau-body{
    color:#30363a;

    font-family:Georgia,"Times New Roman",serif;

    font-size:13px;
    line-height:1.5;
}

.macau-page{
    width:880px;

    margin:12px auto 25px;

    padding:0 0 16px;

    background:#f5f4ef;

    border:1px solid #888;

    box-shadow:0 2px 6px rgba(0,0,0,.16);
}

/* ---------------------------------------------------------
Header
--------------------------------------------------------- */

.macau-head{
    padding:8px 12px 8px;

    background:#e7e6e0;

    border-bottom:2px solid #344b57;
}

.macau-head-top{
    display:table;

    width:100%;
}

.macau-title{
    display:table-cell;

    vertical-align:bottom;

    color:#283238;

    font:bold 22px/1 Georgia,"Times New Roman",serif;

    letter-spacing:.01em;
}

.macau-subtitle{
    display:table-cell;

    vertical-align:bottom;

    color:#666;

    text-align:right;

    font:10px/1.3 Georgia,"Times New Roman",serif;
}

.macau-subtitle strong{
    font-weight:normal;
}

.macau-rule{
    height:3px;

    margin-top:7px;

    background:#344b57;

    border-top:1px solid #203542;
    border-bottom:1px solid #647b89;
}

.macau-rule-red{
    height:2px;

    margin-top:2px;

    background:#8c1717;
}

/* ---------------------------------------------------------
Navigation
--------------------------------------------------------- */

.macau-links{
    padding:4px 7px;

    background:#eeeeea;

    border-bottom:1px solid #aaa;

    font:10px/1.2 Verdana,Arial,sans-serif;
}

.macau-links a{
    margin-right:10px;

    color:#003366;

    text-decoration:underline;
}

.macau-links a:hover{
    color:#8b0000;
}

/* ---------------------------------------------------------
Main content
--------------------------------------------------------- */

.macau-content{
    margin:12px;

    padding:11px 14px 15px;

    background:#fbfaf6;

    border:1px solid #aaa;
}

/* ---------------------------------------------------------
Main layout
--------------------------------------------------------- */

.macau-layout{
    display:block;
}

.macau-layout:after{
    content:"";
    display:block;
    clear:both;
}

/* ---------------------------------------------------------
Left contents rail
--------------------------------------------------------- */

.macau-rail{
    float:left;

    width:154px;

    margin-right:14px;

    background:#eeeeea;

    border-right:1px solid #aaa;
}

.macau-rail-title{
    margin-bottom:3px;

    padding:3px 0;

    border-bottom:2px solid #344b57;

    color:#283238;

    font:bold 10px Arial,Helvetica,sans-serif;

    text-transform:uppercase;
}

.macau-rail a{
    display:block;

    padding:3px 5px;

    border-bottom:1px dotted #bbb;

    color:#003366;

    font:10px/1.25 Verdana,Arial,sans-serif;
}

.macau-rail a:hover{
    background:#f5f5f1;

    color:#8b0000;
}

.macau-rail .rail-note{
    padding:6px 5px 0;

    color:#666;

    font:9px/1.35 Georgia,"Times New Roman",serif;
}

/* ---------------------------------------------------------
Article
--------------------------------------------------------- */

.macau-article{
    margin-left:168px;

    padding:0 2px 5px;

    background:transparent;
}

.macau-article h1{
    margin:0;

    color:#283238;

    font:bold 23px/1.05 Georgia,"Times New Roman",serif;
}

.macau-kicker{
    margin:2px 0 9px;

    color:#666;

    font:italic 10px/1.3 Georgia,"Times New Roman",serif;
}

.macau-article p{
    margin:0 0 9px;
}

.macau-article h2{
    margin:16px 0 6px;

    padding:3px 5px;

    background:#e5e5e0;

    border-top:2px solid #344b57;
    border-bottom:1px solid #aaa;

    color:#283238;

    font:bold 14px/1.2 Georgia,"Times New Roman",serif;
}

.macau-article h3{
    margin:13px 0 4px;

    padding-bottom:2px;

    border-bottom:1px solid #aaa;

    color:#343b3f;

    font:bold 13px/1.2 Georgia,"Times New Roman",serif;
}

.macau-article h4{
    margin:0 0 4px;

    color:#343b3f;

    font:bold 11px/1.2 Georgia,"Times New Roman",serif;
}

/* ---------------------------------------------------------
Intro note
--------------------------------------------------------- */

.macau-note{
    margin:9px 0 11px;

    padding:6px 8px;

    background:#eeeeea;

    border:1px solid #aaa;
    border-left:3px solid #8c1717;

    font-size:10px;
}

/* ---------------------------------------------------------
Game information
--------------------------------------------------------- */

.macau-card{
    float:right;

    width:238px;

    margin:0 0 10px 12px;

    background:#f5f4ef;

    border:1px solid #999;
}

.macau-card-top{
    padding:5px 7px;

    background:#e5e5e0;

    border-bottom:1px solid #999;

    text-align:center;
}

.macau-card-suits{
    display:none;
}

.macau-card-name{
    color:#283238;

    font:bold 12px/1.2 Georgia,"Times New Roman",serif;
}

.macau-card table{
    width:100%;

    border-collapse:collapse;

    font:10px/1.3 Verdana,Arial,sans-serif;
}

.macau-card td{
    padding:3px 5px;

    border-bottom:1px dotted #aaa;

    vertical-align:top;
}

.macau-card td:first-child{
    width:39%;

    background:#eeeeea;

    color:#555;

    font-weight:bold;
}

/* ---------------------------------------------------------
Contents box
--------------------------------------------------------- */

.macau-toc{
    clear:both;

    margin:11px 0 14px;

    padding:7px 9px;

    background:#e6e6e1;

    border-top:1px solid #999;
    border-bottom:1px solid #999;

    color:#30363a;
}

.macau-toc-title{
    margin-bottom:3px;

    color:#343b3f;

    font:bold 10px/1 Arial,Helvetica,sans-serif;

    text-transform:uppercase;
}

.macau-toc ol{
    margin:0;

    padding-left:19px;
}

.macau-toc ul{
    margin:2px 0;

    padding-left:17px;
}

.macau-toc li{
    margin:2px 0;

    font:10px/1.3 Verdana,Arial,sans-serif;
}

.macau-toc a{
    color:#003366;
}

.macau-toc a:hover{
    color:#8b0000;
}

/* ---------------------------------------------------------
Introductory rule
--------------------------------------------------------- */

.table-rule{
    margin:10px 0;

    padding:3px 5px;

    background:#eeeeea;

    border-top:1px solid #aaa;
    border-bottom:1px solid #aaa;

    color:#555;

    text-align:left;

    font:italic 10px/1.3 Georgia,"Times New Roman",serif;
}

/* ---------------------------------------------------------
Action cards
--------------------------------------------------------- */

.action-grid{
    margin:7px 0 11px;
}

.action-grid:after{
    content:"";
    display:block;
    clear:both;
}

.action-card{
    float:left;

    width:45%;

    min-height:67px;

    margin:0 4% 8px 0;

    padding:5px 6px;

    background:#f5f4ef;

    border:1px solid #aaa;

    border-top:2px solid #666;
}

.action-card:nth-child(2n){
    margin-right:0;
}

.action-card:nth-child(3n){
    border-top-color:#8b0000;
}

.action-symbol{
    float:left;

    width:28px;

    margin-right:6px;

    color:#283238;

    text-align:center;

    font:bold 18px/1 Georgia,"Times New Roman",serif;
}

.action-symbol.red{
    color:#8b0000;
}

.action-symbol.black{
    color:#283238;
}

.action-text{
    margin-left:34px;

    color:#444;

    font:10px/1.4 Verdana,Arial,sans-serif;
}

.action-text strong{
    color:#283238;
}

/* ---------------------------------------------------------
Variation boxes
--------------------------------------------------------- */

.variant-box{
    margin:9px 0 11px;

    padding:7px 8px;

    background:#f1f0eb;

    border:1px solid #aaa;
}

.variant-box h4{
    margin:-1px -2px 5px;

    padding-bottom:3px;

    border-bottom:1px solid #aaa;
}

.variant-box p:last-child{
    margin-bottom:0;
}

/* ---------------------------------------------------------
Tips
--------------------------------------------------------- */

.macau-tips{
    margin:9px 0;

    padding:7px 9px;

    background:#f1f0eb;

    border:1px solid #aaa;
    border-left:3px solid #344b57;
}

.macau-tips-title{
    margin-bottom:3px;

    color:#343b3f;

    font:bold 10px/1.2 Arial,Helvetica,sans-serif;

    text-transform:uppercase;
}

/* ---------------------------------------------------------
Tables
--------------------------------------------------------- */

.macau-table{
    width:100%;

    margin:8px 0;

    border-collapse:collapse;

    background:#fbfaf6;

    font:10px/1.3 Verdana,Arial,sans-serif;
}

.macau-table th,
.macau-table td{
    padding:3px 5px;

    border:1px solid #aaa;

    text-align:left;
}

.macau-table th{
    background:#e5e5e0;

    color:#343b3f;

    font-weight:bold;
}

/* ---------------------------------------------------------
References
--------------------------------------------------------- */

.macau-references{
    margin-top:17px;

    padding-top:6px;

    border-top:2px solid #344b57;

    color:#625f58;

    font:9px/1.45 Verdana,Arial,sans-serif;
}

.macau-references h2{
    margin:0 0 6px;
}

.macau-references ol{
    margin-top:4px;

    padding-left:20px;
}

.macau-references li{
    margin:3px 0;
}

/* ---------------------------------------------------------
Footer
--------------------------------------------------------- */

.macau-footer{
    margin:13px 16px 0;

    padding:6px 7px;

    background:#eeeeea;

    border-top:1px solid #aaa;

    color:#666;

    text-align:center;

    font:9px/1.4 Verdana,Arial,sans-serif;
}

/* =========================================================
OPTIONAL SITE ZOOM
========================================================= */

html.zoomed .site,
html.zoomed .guest-page,
html.zoomed .macau-page{
    transform:scale(1.15);
    transform-origin:top center;
}

/* Keep the small site buttons at their original visual size */
html.zoomed a:has(img[src*="/images/buttons"]),
html.zoomed .buttons a:has(img[src*="/images/buttons"]){
    transform:scale(.869565);
    transform-origin:center;
}

html.zoomed img[src*="/images/buttons/"]{
    width:88px !important;
    height:31px !important;
}