/* AO3 default-skin style sheet, adapted */
:root{--red:#900;--red2:#700;--text:#2a2a2a;--mute:#666;--line:#ccc;--line2:#bbb;--box:#eee;--box2:#f3f3f3;--notice-bg:#d1e1ef;--notice-bd:#c7d1e1;--error-bg:#efd1d1;--error-bd:#900}
*{box-sizing:border-box}
html{background:#fff}
body{margin:0;background:#fff;color:var(--text);font:100%/1.5 "Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif;font-size:15px}
a{color:var(--red);text-decoration:none}
a:hover,a:focus{text-decoration:underline}
a:visited{color:var(--red)}
h1,h2,h3,h4,.heading{font-family:Georgia,serif;font-weight:400;word-wrap:break-word}
h2.heading{font-size:1.75em;margin:.5em 0 .25em;line-height:1.1}
h3.heading{font-size:1.25em;margin:1em 0 .5em;border-bottom:1px solid var(--line);padding-bottom:.25em}
/* header */
#header{background:var(--red);color:#fff;border-bottom:1px solid #600;box-shadow:0 1px 3px rgba(0,0,0,.25)}
#header .inner{max-width:1100px;margin:0 auto;padding:0 1em}
#header .branding{display:flex;align-items:center;gap:.6em;padding:.6em 0 .3em}
#header .branding a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:.6em}
#header .branding img{width:42px;height:42px;border:1px solid #c33;border-radius:2px;background:#fff}
#header .branding .title{font:italic 1.9em/1 Georgia,serif;letter-spacing:.01em;text-shadow:0 1px 1px #500}
#header .branding .beta{font:700 .62em/1 "Lucida Grande",Verdana,Arial,sans-serif;background:#fff;color:var(--red);padding:.3em .45em;border-radius:.25em;text-transform:lowercase;vertical-align:middle;margin-left:.3em}
#header ul.primary{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0}
#header ul.primary li a{display:block;padding:.5em .9em;color:#fff;font-size:.9em;font-weight:700;text-decoration:none;border-radius:.25em .25em 0 0}
#header ul.primary li a:hover,#header ul.primary li a.current{background:#fff;color:var(--red)}
#header ul.primary li.right{margin-left:auto}
/* main */
#main{max-width:1100px;margin:0 auto;padding:.5em 1.5em 2em}
#main > p.intro{color:var(--mute);margin:.25em 0 1em}
.flash{padding:.5em .75em;margin:.75em 0;border:1px solid var(--notice-bd);background:var(--notice-bg)}
.flash.error{background:var(--error-bg);border-color:var(--error-bd)}
.flash h4{margin:0 0 .15em;font:700 1.05em "Lucida Grande",Verdana,Arial,sans-serif}
.flash p{margin:0}
/* form (AO3 "post new work" structure) */
form.post fieldset{background:var(--box);border:1px solid var(--line);box-shadow:inset 1px 1px 3px #ccc;margin:0 0 1.25em;padding:.5em 1em .75em;min-width:0}
form.post legend{font:700 1em "Lucida Grande",Verdana,Arial,sans-serif;color:var(--text);padding:0 .35em;margin-left:-.35em}
form.post legend .n{color:var(--mute);font-weight:400;margin-right:.5em}
form.post dl{margin:.25em 0 0;display:grid;grid-template-columns:minmax(10em,23%) 1fr;gap:.4em 1em;align-items:start}
form.post dt{font-weight:700;padding-top:.45em;text-align:right}
form.post dt small,form.post dd small,.hint{font-weight:400;color:var(--mute);font-size:.85em}
form.post dd{margin:0;min-width:0}
form.post dd .hint{display:block;margin:.25em 0 .1em}
.required{color:var(--red);font-weight:700}
@media (max-width:640px){form.post dl{grid-template-columns:1fr;gap:.15em}form.post dt{text-align:left;padding-top:.5em}}
input[type=text],input[type=email],input[type=tel],input[type=date],input[type=number],input[type=url],textarea,select{
  width:100%;max-width:100%;padding:.35em .45em;border:1px solid var(--line2);background:#fff;color:var(--text);font:inherit;box-shadow:inset 0 1px 2px #ccc;border-radius:0}
input:focus,textarea:focus,select:focus{outline:2px solid #c66;outline-offset:0}
textarea{min-height:6.5em;resize:vertical}
input.short{width:9em}
ul.options{list-style:none;margin:.25em 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.25em 1.25em}
ul.options li label{display:inline-flex;align-items:center;gap:.35em;cursor:pointer;margin:0}
ul.options input{margin:0;accent-color:var(--red)}
.dims{display:flex;align-items:center;gap:.5em;flex-wrap:wrap}
.dims input{width:7em}
.dims .x{color:var(--mute)}
.drop{display:block;border:1px dashed var(--line2);background:#fff;padding:1em;text-align:center;color:var(--mute);font-size:.9em;cursor:pointer}
.drop b{display:block;color:var(--text);font-weight:700;margin-bottom:.15em}
.drop.over{border-color:var(--red);background:#fff5f5}
.drop input{display:none}
ul.files{list-style:none;padding:0;margin:.5em 0 0;font-size:.9em}
ul.files li{display:flex;justify-content:space-between;align-items:center;padding:.3em .5em;border:1px solid var(--line);background:#fff;margin-bottom:.25em}
ul.files li span{color:var(--mute);margin-left:.5em}
ul.files li button{background:none;border:0;color:var(--red);cursor:pointer;font:inherit;font-size:.9em;text-decoration:underline}
.hide{display:none!important}
.hint.warn{color:#8a5a00}
.chk{display:flex;gap:.5em;align-items:flex-start;margin:.25em 0 0}
.chk input{margin:.3em 0 0;accent-color:var(--red)}
p.submit{margin:1em 0 0;display:flex;align-items:center;gap:1em;flex-wrap:wrap}
.button,input[type=submit],button.button{font:700 .95em "Lucida Grande",Verdana,Arial,sans-serif;color:#111;background:#eee linear-gradient(#fff,#ddd);border:1px solid var(--line2);border-radius:.25em;padding:.45em 1em;cursor:pointer;box-shadow:0 1px 1px rgba(0,0,0,.15);text-decoration:none}
.button:hover,input[type=submit]:hover{background:#ddd linear-gradient(#eee,#ccc);color:#900;text-decoration:none}
.button:disabled,input[type=submit]:disabled{opacity:.6;cursor:wait}
/* prose */
.userstuff{max-width:48em}
.userstuff h3{font-family:Georgia,serif;font-weight:400;font-size:1.25em;margin:1.2em 0 .3em}
.userstuff p,.userstuff li{margin:.4em 0}
/* footer */
#footer{background:var(--red);color:#fff;margin-top:2em;padding:1em 0 1.5em;font-size:.85em;border-top:1px solid #600}
#footer .inner{max-width:1100px;margin:0 auto;padding:0 1.5em;display:flex;gap:3em;flex-wrap:wrap}
#footer h3{margin:0 0 .35em;font:700 1em "Lucida Grande",Verdana,Arial,sans-serif;color:#fff}
#footer ul{list-style:none;margin:0;padding:0}
#footer a{color:#fff}