html {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
img,
video {
max-width: 100%;
height: auto;
}
img.logo,
img.avatar,
img.photo,
#license_cc {
max-width: none;
}

#wrap {
width: 100%;
max-width: 100%;
margin: 0;
overflow: visible;
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
}

#header,
#core,
#footer,
#content,
#content_inner,
#aside_primary,
#site_nav_local_views,
#site_nav_local_views .nav,
address,
#site_nav_global_primary,
#anon_notice,
#form_notice,
#form_notice .form_data li,
.entity_profile,
.profile,
.notice {
float: none;
width: 100%;
max-width: 100%;
}

#header {
display: flex;
flex-direction: column;
padding: 12px 12px 0;
margin-bottom: 16px;
}
address {
margin: 0 0 12px;
}
address.vcard img.logo {
width: 168px;
height: auto;
}

#site_nav_global_primary {
margin: 0 0 12px;
}
#site_nav_global_primary ul.nav {
display: flex;
flex-wrap: wrap;
gap: 4px 0;
}
#site_nav_global_primary ul li {
display: block;
margin: 0 12px 0 0;
}
#site_nav_global_primary ul li a {
display: inline-block;
padding: 8px 0;
min-height: 44px;
line-height: 28px;
}

#anon_notice {
padding: 12px;
margin: 0 0 12px;
}

#form_notice {
position: static;
margin: 0 0 12px;
line-height: 1.4;
}
#form_notice textarea {
width: 100%;
min-height: 88px;
display: block;
}
#form_notice .form_note {
position: static;
top: auto;
right: auto;
margin: 6px 0;
}
#form_notice .form_actions {
position: static;
bottom: auto;
right: auto;
margin-top: 8px;
}
#form_notice .form_actions input.submit {
width: auto;
min-width: 72px;
min-height: 44px;
}

#site_nav_local_views {
margin: 0 12px;
width: auto;
}
#site_nav_local_views .nav {
display: flex;
flex-wrap: wrap;
}
#site_nav_local_views li {
float: none;
margin: 0 6px 0 0;
}
#site_nav_local_views a {
float: none;
display: block;
padding: 8px 12px;
min-height: 40px;
}

#core {
display: flex;
flex-direction: column;
margin-bottom: 0;
padding: 0 12px 12px;
}
#content {
padding: 14px;
overflow: hidden;
}
#content_inner {
overflow: hidden;
}
#aside_primary {
margin: 18px 0 0;
padding: 14px;
overflow: hidden;
clear: both;
}

#footer {
padding: 16px 12px 24px;
width: 100%;
}
#site_nav_global_secondary ul.nav {
display: flex;
flex-wrap: wrap;
gap: 8px 16px;
}
#site_nav_global_secondary ul li {
display: block;
margin: 0;
}

input,
textarea,
select {
max-width: 100%;
font-size: 16px;
}
input.submit {
min-height: 44px;
padding: 10px 14px;
}
#site_nav_global_primary #nav_register a {
min-height: 44px;
padding: 8px 16px;
border-radius: 6px;
display: inline-block;
line-height: 28px;
}

.form_settings .form_data label,
.form_settings .form_data textarea,
.form_settings .form_data select,
.form_settings .form_data input {
float: none;
display: block;
width: 100%;
margin-left: 0;
}
.form_settings label {
width: auto;
margin-bottom: 4px;
}
.form_settings .form_data input.checkbox,
.form_settings .form_data input.submit {
width: auto;
display: inline-block;
}
.form_settings .form_data label.checkbox {
display: inline;
width: auto;
}

.entity_profile {
min-height: 0;
}
.entity_profile .entity_depiction {
margin-bottom: 8px;
}
.entity_profile .entity_fn,
.entity_profile .entity_nickname,
.entity_profile .entity_location,
.entity_profile .entity_url,
.entity_profile .entity_note,
.entity_profile .entity_tags {
width: auto;
max-width: calc(100% - 114px);
}
.profile .entity_profile .entity_note,
.profile .entity_profile .entity_url,
.profile .entity_profile .entity_tags {
margin-left: 59px;
max-width: calc(100% - 59px);
}
.entity_actions {
float: none;
margin: 8px 0 0;
}
.entity_actions input.submit {
min-height: 40px;
}

.notice,
.profile {
overflow: hidden;
}
.notice .entry-title {
float: none;
}
.notice .entry-title,
.notice div.entry-content {
width: 100%;
max-width: 100%;
}
.notice div.entry-content {
margin-left: 0;
}
.notice p.entry-content {
overflow-wrap: anywhere;
word-break: break-word;
}
.notice-options {
float: none;
width: auto;
padding: 6px 0 0;
clear: both;
display: flex;
gap: 10px;
position: static;
}
.notice-options .notice_delete,
.notice-options .notice_reply,
.notice-options .form_favor,
.notice-options .form_disfavor {
position: static;
left: auto;
top: auto;
}
.notice-options .notice_reply a,
.notice-options form input.submit,
.notice-options .notice_delete a {
min-width: 32px;
min-height: 32px;
}

.profiles,
.notices {
width: 100%;
}

@media (min-width: 40rem) {
#header,
#core,
#footer {
padding-left: 18px;
padding-right: 18px;
}
#site_nav_local_views {
margin-left: 18px;
margin-right: 18px;
}
#content,
#aside_primary {
padding: 18px;
}
}

@media (min-width: 64rem) {
#wrap {
width: 1003px;
max-width: 1003px;
margin: 0 auto;
overflow: hidden;
padding-left: 0;
padding-right: 0;
}
#header {
display: block;
width: 100%;
float: left;
padding: 18px 0 0;
margin-bottom: 29px;
}
address {
float: left;
width: auto;
margin: 0 0 18px 18px;
}
#site_nav_global_primary {
float: right;
width: auto;
margin: 0 18px 11px 18px;
}
#site_nav_global_primary ul.nav {
display: block;
}
#site_nav_global_primary ul li {
display: inline;
margin: 0 0 0 11px;
}
#site_nav_global_primary ul li a {
display: inline;
padding: 0;
min-height: 0;
line-height: inherit;
}
#anon_notice {
float: left;
width: 432px;
padding: 11px;
margin: 0;
}
#form_notice {
width: 458px;
float: left;
position: relative;
margin: 0;
}
#form_notice textarea {
width: 370px;
min-height: 0;
height: 67px;
}
#form_notice .form_note {
position: absolute;
top: 99px;
right: 98px;
margin: 0;
}
#form_notice .form_actions {
position: absolute;
bottom: 0;
right: 0;
margin: 0;
}
#form_notice .form_actions input.submit {
width: 60px;
min-width: 0;
min-height: 0;
padding: 8px;
}
#form_notice .form_data li {
float: left;
width: auto;
}
#site_nav_local_views {
float: left;
width: 100%;
margin: 0;
}
#site_nav_local_views .nav {
float: left;
width: 100%;
display: block;
}
#site_nav_local_views li {
float: left;
margin-right: 18px;
}
#site_nav_local_views a {
float: left;
padding: 4px 11px;
min-height: 0;
}
#core {
display: block;
position: relative;
width: 100%;
float: left;
margin-bottom: 1em;
padding: 0;
}
#content {
width: 644px;
padding: 18px;
float: left;
overflow: visible;
}
body#doc #content {
width: auto;
float: none;
clear: both;
overflow: hidden;
}
body#doc #aside_primary {
display: none;
}
#content_inner {
width: 100%;
float: left;
overflow: visible;
}
#aside_primary {
width: 280px;
float: left;
margin-left: 4px;
margin-top: 18px;
padding: 18px;
overflow: visible;
clear: none;
}
#footer {
float: left;
width: 64%;
padding: 18px;
}
#site_nav_global_secondary ul.nav {
display: block;
}
#site_nav_global_secondary ul li {
display: inline;
margin-right: 11px;
}
input,
textarea,
select {
font-size: 1em;
}
input.submit {
min-height: 0;
padding: 2px 4px;
}
#site_nav_global_primary #nav_register a {
min-height: 0;
padding: 4px 12px;
border-radius: 6px;
display: inline-block;
line-height: 1.4;
}
.form_settings .form_data label {
float: left;
width: auto;
}
.form_settings .form_data textarea,
.form_settings .form_data select,
.form_settings .form_data input {
margin-left: 11px;
float: left;
width: auto;
display: inline-block;
}
.form_settings label {
width: 152px;
margin-top: 2px;
}
.entity_profile {
width: 475px;
float: left;
min-height: 123px;
}
.entity_profile .entity_fn,
.entity_profile .entity_nickname,
.entity_profile .entity_location,
.entity_profile .entity_url,
.entity_profile .entity_note,
.entity_profile .entity_tags {
width: 322px;
max-width: none;
}
.profile .entity_profile .entity_note,
.profile .entity_profile .entity_url,
.profile .entity_profile .entity_tags {
width: auto;
max-width: none;
}
.entity_actions {
float: right;
margin-left: 28px;
margin-top: 0;
}
.profile,
.notice {
float: left;
width: 100%;
overflow: visible;
}
.notice .entry-title {
float: left;
}
.notice div.entry-content {
margin-left: 59px;
width: 70%;
max-width: none;
}
#showstream .notice div.entry-content {
margin-left: 0;
}
.notice-options {
float: right;
width: 12.5%;
padding-left: 2%;
display: block;
position: relative;
clear: none;
}
.notice-options .notice_delete,
.notice-options .notice_reply,
.notice-options .form_favor,
.notice-options .form_disfavor {
position: absolute;
top: 0;
}
.notice-options .form_favor,
.notice-options .form_disfavor {
left: 0;
}
.notice-options .notice_reply {
left: 29px;
}
.notice-options .notice_delete {
left: 76px;
}
.notice-options .notice_reply a,
.notice-options form input.submit,
.notice-options .notice_delete a {
min-width: 0;
min-height: 0;
}
}

#form_register .form_data > li,
#form_recoverpassword .form_data > li {
float: none;
width: 100%;
margin: 0 0 22px;
overflow: hidden;
}
#form_register .form_data > li > label:not(.checkbox),
#form_recoverpassword .form_data > li > label:not(.checkbox) {
float: none;
display: block;
width: auto;
margin: 0 0 6px;
}
#form_register .form_data input:not(.checkbox):not(.submit),
#form_register .form_data textarea,
#form_register .form_data select,
#form_recoverpassword .form_data input:not(.checkbox):not(.submit) {
float: none;
display: block;
width: 100%;
max-width: 32em;
margin: 0;
}
#form_register .form_data .form_guide,
#form_recoverpassword .form_data .form_guide {
clear: both;
margin-top: 6px;
margin-left: 0;
}
#form_login .form_data li:has(> input.checkbox),
#form_register .form_data li:has(> input.checkbox) {
display: grid;
grid-template-columns: auto 1fr;
column-gap: 10px;
row-gap: 6px;
align-items: start;
}
#form_login .form_data input.checkbox,
#form_register .form_data input.checkbox {
float: none;
display: block;
width: auto;
height: auto;
margin: 4px 0 0;
grid-column: 1;
grid-row: 1;
}
#form_login .form_data label.checkbox,
#form_register .form_data label.checkbox {
float: none;
display: block;
width: auto;
margin: 0;
grid-column: 2;
grid-row: 1;
}
#form_login .form_data li:has(> input.checkbox) .form_guide,
#form_register .form_data li:has(> input.checkbox) .form_guide {
grid-column: 2;
grid-row: 2;
margin: 0;
}