/* ============================ */
/*  Things to Fix in the HTML   */
/* ============================ */

/* 1. */
/* Marking _some of_ the */
/* gratuitous and absent */
/* 'distincts' for correction, */
/* but not the 'back to top's: */

/*#footer .distinct, nav a.distinct {
    color:yellow;
}
#footer a {
    color:yellow;
}
#footer a[href^="#"] {
    color:#05c;
    font-weight:normal;
    border-bottom:#0c5 dashed 1px;
}*/
/* and then take out the above. */

/* 2. */
/* I want to change the page */
/* footer declarations to */
/* distinguish based on immediate */
/* parent, rather than on id. */

/* 3. */
/* On a similar note, gotta fix up */
/* the file cite style */
/* methodology. */

.file, a.file {
    color:yellow;
}

span cite.file {
    font-style:italic;
}

/* ============ */
/*  Page Shape  */
/* ============ */

/* Ensure that the 'back to top' */
/* link, in graphical browsers, */
/* sends the view _all the way */
/* up_, leaving no daggy */
/* scroll-slumps: */

#top {
    position:absolute;
    top:0px;
}

/* Expect some Japanese phrases */
/* and the provision of glosses */
/* for these in English. */

/* Meanwhile, in graphical */
/* browsers, space things nicely */
/* for a predominantly */
/* prose-based read (in which */
/* we would prefer to clearly */
/* distinguish our 0s from our Os */
/* and 1s from Is 'n' ls, etc.): */
			      
rtc {
    ruby-position:under;
    color:#c05;
}
body {
    font-variant-east-asian: ruby full-width jis83;
    margin:32px;
    text-align:justify;
    font-family:serif;
    font-size:1rem;
    line-height:1.5em;
    font-variant-numeric:oldstyle-nums slashed-zero;
    background-color:#fff;
    color:#000;
}
hr {
    color:#c05;
    text-align:left;
    width:100%;
}
#footer {
    text-align:right;
}
#footer div {
    text-align:center;
}
p {
    margin-bottom:1rem;
    margin-top:1rem;
}
/* Bomp examples, demonstrations, */
/* or breakdowns across in a */
/* visibly nesting hierarchy */
/* (where not giving these */
/* headings): */
.detail {
    margin-left:2.8rem;
    margin-right:4rem;
}
/* HTML spec sucks for rendering */
/* a group of documents with a */
/* cohesive set of headings that */
/* both vary in hierarchical */
/* prominence, together in */
/* concert.  It wants headings */
/* for each page to begin at the */
/* h1 level.  So until/unless I */
/* can be stuffed going through */
/* and manually marking every */
/* heading with a concurrent */
/* 'class' indicator of level as */
/* understood within scope of the */
/* entire project (_and_ decide */
/* that this is actually so */
/* important to emphasise), all */
/* the pages will always present */
/* as though their subject is of */
/* equal prominence---which */
/* strikes me as preferable for */
/* hyperlinky dipping-in, but */
/* less appropriate for takin' */
/* the work in as a */
/* whole---although the */
/* title/contents page */
/* favour.html has overriding */
/* style data for headings, to */
/* have its h1 a smidge bigger */
/* than everyone else's, making */
/* that one page an exception to */
/* the next few __{}s. */
h1, h2, h3, h4, h5, h6 {
    margin-left:0em;
    margin-right:0em;
    margin-bottom:0em;
    padding:0em;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    font-variant-numeric: lining-nums slashed-zero;
}
h1, h2 {
    margin-top:0.85em;
}
h2 {
    margin-top:2.75em;
    font-size:1.17rem;
}
h3, h4 {
    text-align:left;
    margin-top:1.2em;
}
h5 {
    font-weight:normal;
    text-align:left;
    text-decoration:underline;
    margin-top:1.25em;
    font-size:1rem;
}
h4 {
    font-size:1rem;
}
h3 {
    font-size:1.11rem;
}
h1 {
    font-size:1.42rem;
}
h5 ~ p:first-of-type, h5 + p {
    margin-top:.3125em;
}

/* ==================== */
/*  Unplain-Text Links  */
/* ==================== */

/* This reminds me, I need to */
/* get onto my title="__"s. */

/* Make the default links--- */
/* i.e. those leading to other */
/* pages within 'Personal */
/* Computing Favourites'---look */
/* significant yet unobtrusive */
/* (as links of this kind are the */
/*  most important and numerous, */
/*  throughout the text): */

a {
    color:#05c;
    text-decoration:none;
    font-weight:bold;  
    border-bottom: #0c5 solid 1px;
}

/* Make those links that do not */
/* lead away from the current */
/* page, but instead somewhere */
/* within it, look as though they */
/* propel with less oomph than */
/* the others: */

a[href^="#"] {
    color:#05c;
    font-weight:normal;
    border-bottom:#0c5 dashed 1px;
}

/* Differentiate links that lead */
/* to pages on breydon.id.au */
/* beyond 'Personal Computing */
/* Favourites': */

a.distinct {
    color:#c05;
    /* This may not ultimately
    be a meaningful idea to
    distinguish, so we might
    leave it at a gratuitous
    colour switch on top of
    sheer context */
}

/* Imply that links to external */
/* references lead somewhere very */
/* different to the other links, */
/* while being---for the purpose */
/* of simply reading one's way */
/* through 'Personal Computing */
/* Favourites'---comparably */
/* missable: */

a[href^="http"] {
    color:#c50;
    font-weight:normal;
}

/* Lightly reinforce the sense of */
/* links being links: */

a:hover, a:focus {
    border-bottom: #0c5 solid 3px;
}

a:focus {
    box-shadow:
    0 -6px 3px #fff,
    0 0 6px #05c;
    border-radius:.125rem;
}
a[href^="#"]:hover {
    border-bottom:#0c5 dotted 3px;
}
a[href^="#"]:focus {
    box-shadow:
    0 -6px 6px 3px #fff,
    0 0 6px #05c;
    border-bottom:#0c5 dotted 3px;
}
a.distinct:focus {
    box-shadow:
    0 -6px 6px 3px #fff,
    0 0 6px #c05;
}
a[href^="http"]:focus {
    box-shadow:
    0 -6px 6px 3px #fff,
    0 0 6px #c50;
}

/* ========================== */
/*  Special Forms of Quoting  */
/* ========================== */

/* Links to specific non-webpage */
/* files are classed as 'file' */
/* citations, so that we can do */
/* this to them: */

cite.file {
    font-weight:normal;
    font-family:sans;
    font-size:.96em;
    font-style:normal;
/* DEL this line once they're all done right: */
    color:inherit;    
}

/* Tame snippets: */

/*pre {
    font-size:.9em;
}*/
code, samp {
    font-size:.95em;
    font-family:monospace;
}
kbd {
    background-color:#dbe9ff;
    font-size:1em;
    font-family:inherit;
}

/* For stenographic strokes and */
/* for individual keys, try to */
/* express physical switchness but */
/* not interactive-form, virtual */
/* buttonness: */

kbd.stroke, kbd.key {
    background-color:#fff;
    border-radius:4px;
    border:1px solid #05c;
    padding:2px 4px;
    display:inline-block;
    line-height:1;
    white-space:nowrap;
    color:#102;
}
kbd.key {
    font-family:inherit;
}
kbd.stroke, kbd kbd.key {
    font-family:serif;
}

/* Inputs made simultaneously have */
/* a chord wrapper holding them */
/* together on the one line: */

kbd.chord {
    background-color:#91bcff;
    white-space:nowrap;
}

/* Variables in an input string */
/* can use some help to not get */
/* (visually) lost: */

kbd var, kbd.manner {
    padding-left:.375em;
    padding-right:.375em;
    margin-right:.125em;
    border-radius:1em;
    border: .5px solid #05c;
    background-color:#fff;
}

kbd.manner {
    font-weight:bold;
}

/* Variables within a single */
/* stroke do not need as much */
/* clarifying: */

kbd.stroke var, kbd.key var {
    padding-left:.125em;
    padding-right:.125em;
    margin:0em;
    background-color:inherit;
    border: none;
}

/* I have put stenography strokes */
/* inside a <kbd> each; and each */
/* sequence thereof as <code>s, */
/* to help the notation still */
/* stand out where <kbd>'s not */
/* supported and because I discuss */
/* them as both, yeh? But let's */
/* integrate instances of this */
/* into their surrounding text */
/* more fluently: */

/* code kbd { */
/*     font-family:serif; */
/*     font-size:1.05em; */
/* } */

/* For having a basic array of */
/* keys rattled off for the user */
/* in a hurry (with excess drama): */

.grid kbd {
    font-family:monospace;
    font-size:1.2em;
    padding:5px 10px;
    box-shadow:inset -1px -2px 15px rgba(0, 0, 255, .2);
}

/* HTML definition lists are */
/* slippery and ridiculous, in */
/* their construction; however, */
/* where they have been resorted */
/* to, may they at least be like: */

dt {
    font-weight:bold;
}
dd {
    margin-bottom:1rem;
}
dt rt {
    font-weight:normal;
}

/* For those of the explorations */
/* listed on the contents page */
/* which are not directly within */
/* the broad, looping main */
/* flow... Where practicable: */

/* 1. Bullet them in a manner of */
/* their own */

/* 2. Do not write */
/* their titles in the */
/* same-lookin letters as the */
/* core stuff */

.depth {
    list-style-type:'℅ ';
    list-style-position:inside;
}
.depth ul .depth {
    list-style-type:'🗃 ';
}
.depth a, a.depth {
    font-style: italic;
    font-weight:normal;
}

/* ========= */
/*  Figures  */
/* ========= */
 
figure {
    border:solid 1px;
    padding-left:5rem;
    padding-right:5rem;
    padding-bottom:2rem;
    line-height:1.25em;
}
figcaption {
    text-align:center;
    font-style:italic;
    margin-top:3rem;
    margin-bottom:2rem;
}
figure footer {
    font-size:.93rem;
}
figure kbd {
    font-size:.9em;
    box-shadow:none;
    color:#000;
}
figure code {
    font-size:.8em;
}
table {
    padding:0px;
    margin:0px;
    border-collapse:collapse;
    caption-side:bottom;
}
table caption {
    font-size:.9rem;
    font-style:italic;
    text-align:right;
    margin-right:3em;
}
tr {
    border:none;
}
th {
    vertical-align:middle;
    text-align:center;
    background-color:rgba(0, 0, 0, 0.05);
    font-weight:normal;
    border:none;
}
td {
    vertical-align:middle;
    text-align:center;
    padding-left:1em;
    padding-right:1em;
    border:none;
}

/* Specific tables */
td[headers*="as"], td[headers*="cr"], td[headers*="fx"] {
    text-align:left;
}
th[headers*="rc"] {
    background-color:rgba(0, 0, 0, 0);
}
th[headers*="gs"] {
    padding-left:1em;
    padding-right:1em;
    background-color: rgba(0, 0, 0, 0);
}
#rustiemain {
    font-size:.9rem;
}
#rustiemain td {
    font-size:1rem;
}
#rustiemain td[headers*="R"], #rustiemain th[id*="R"] {
    text-align:left;
/*    background-color:rgba(255, 0, 70, .15);*/
}
#rustiemain td[headers*="C"], #rustiemain th[id*="C"] {
    text-align:center;
}
#rustiemain td[headers*="C"] {
/*    background-color:rgba(100, 255, 100, .15);*/
}
#rustiemain td[headers*="2"], #rustiemain #B {
    text-align:center;
/*    background-color:rgba(255, 200, 0, .15);*/
}
#rustiemain td[headers*="L"], #rustiemain th[id*="L"] {
    text-align:right;
/*    background-color:rgba(20, 0, 255, .15);*/
}
#rustiemain #L, #rustiemain #B, #rustiemain #R, #rustiemain td[headers*="Lt"], #rustiemain td[headers*="Bt"], #rustiemain td[headers*="Rt"] {
    text-align:center;
    width:2em;
}
#rustiemain #LCR, #rustiemain #manner {
    padding-left:.8em;
    padding-right:.8em;
}
th[headers*="directionality"], th[headers*="manner"]{
    background:none;
    opacity:0.7;
}
th[headers*="LCR"] {
    font-size:.7em;
    opacity:0.5;
}
#rustiemain td, #rustiemain th {
    padding-left:0;
    padding-right:0;
}
#r, #u, #s, #t, #i, #e, #a, #o {
    width:3rem;
    color:rgba(0, 0, 0, .7);
}






/* Junk pile */
/*
@counter-style blacknwhite {
    system: cyclic;
    symbols: ℅ ⌘ 🛰 🗫 🙵 💮 ʱ;
    suffix: " ";
}
    color:#079;
    color:#907;

🖫
🗃
🕳
📑
🖩
[title] { border-bottom: thin dashed #c05; }
<ruby lang="ja"><rbc><rb>親</rb><rb>指</rb><rp>(</rp><rt>おや</rt><rt>ゆび</rt><rp>)</rp>シフト</rbc><rtc lang="ja-Latn" style="ruby-position: under;"><rp> / </rp><rt>oyayubi shifuto</rt></rtc></ruby>	<!--<rtc style="ruby-position: under; font-style: italic" lang="en">thumb-shift</rtc>
slashed-zero ordinal diagonal-fractions;
*/
    /* background-color:#FF66A6; */
    /* background-color:#FFDBE9; */
    /*    background-color:#FF91BC;*/
    /* box-shadow: inset 0 0 3px 0px #ffdbe9; */