<!--
*{margin: 0;padding: 0;border: 0}
html{background:#666}
body{caret-color:rgba(0,0,0,0);width:100%;min-width:256px;font-family:Sans-serif;font-size:14pt;color:#BBB;padding-bottom:144px;text-align:center}
div{overflow:hidden;text-align:left;border-radius:8px;padding:0px 5px;background:#444;width:640px;max-width:82%;margin:34px auto;box-shadow:0 0 12px 3px rgba(7, 7, 7, .5);border:4px solid;border-color:#222}
#Index{padding:2px 4px;background:#BBB;width:600px;max-width:80%;margin:35px auto;box-shadow:0 0 10px 3px rgba(7, 7, 7, .4);border:0;color:#111}
#Index a{color:#555;transition:none}
#Index p:first-child{font-size:18pt}
#Index p:last-child{padding-left:18pt}
label{box-shadow:0 0 2px 2px rgba(7, 7, 7, .1);color:#999;background:#555;padding:5px 8px 5px 27px;margin-left:-6px;border-radius:4px;font-size:13pt;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}
#box{margin-top:4px;position:absolute}
#box:checked ~ div a{pointer-events:none;color:#BBB;transition:.3s ease}
#box:checked ~ div summary{color:#BBB;transition:.3s ease}
#box:checked ~ div span{pointer-events:none;border-bottom:1px #444;transition:.3s ease}
a{color:#F8F8F9;cursor:pointer;text-decoration:none;transition:.3s ease}
summary{color:#F8F8F9;cursor:pointer;text-decoration:none;margin-left:17px;transition:.3s ease;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}
span{cursor:help;border-bottom:1px dotted #222;transition:.3s ease}
p{cursor:default;margin:16px}
p:first-child{font-size:16pt;text-align:center;font-weight:bold}
img{border-radius:16px;max-width:480px;margin:8px 24px}
iframe#dw{padding:12px 16px;border-radius:16px;margin:8px 24px;overflow:hidden!important;background:#555;width:448px;height:448px;max-height:90%}
@media(max-width:685px){
body{font-size:12.5pt}
div{padding:0 4px;border:3px solid;border-color:#222;border-radius:7px;margin:30px auto;max-width:88%}
#box{margin-top:2px}
label{padding:5px 7px 5px 29px;margin-left:-7px}
#Index{width:590px;max-width:85%}
#Index p:first-child{font-size:17pt}
summary{margin-left:16px}
p{margin:14px}
p:first-child{font-size:15pt}
img{border-radius:12px;max-width:360px;margin:4px 16px}
iframe#dw{border-radius:12px;padding:10px 0 10px 14px;width:346px;height:346px;margin:8px 16px}}
@media(max-width:455px){
body{overflow-x:hidden!important}
div{border:0;border-radius:0;margin:22px -14px;max-width:100%;box-shadow:0 0 3px 3px rgba(7, 7, 7, .2);padding:0 0 0 14px}
label{box-shadow:0 0 1px 2px rgba(7, 7, 7, .1)}
#Index{border-radius:0;width:100%;max-width:100%;margin:0 0 22px 0;box-shadow:0 0 3px 3px rgba(7, 7, 7, .2);padding:0}
summary{margin-left:14px}
img{border-radius:11px;max-width:320px;margin:3px 12px}
iframe#dw{border-radius:10px;padding:10px 0 10px 12px;width:308px;height:308px;margin:6px 12px}}
@media(pointer: coarse),(hover: none){
span:hover:after{content:attr(title);background:#666;padding:0 3px;border-bottom:1px #444}
span[title]>*{user-select:none}
span[title]:hover>*{user-select:auto}}
//-->