input[type="text"]::placeholder,
textarea::placeholder {
    opacity: 0.7 !important;
}

#citation-book-system input[type="text"],
#citation-book-system div[contenteditable="true"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #888;
    border-radius: 6px;
    margin-top: 6px;
    font-size: 14px;
    box-sizing: border-box;
}

#citation-book-system button {
    background-color: #003a70;
    color: white;
    border: none;
    padding: 8px 14px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    margin-top: 8px;
}

#citation-book-system button:hover {
    background-color: #005aa5;
}

.remove_person_btn {
    background-color: #ae841f !important;
    color: #fff;
    padding: 5px 10px !important;
}

.remove_person_btn:hover {
    background-color: #c69b30 !important;
}

.person-row {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    gap: 6px;
}

#references_list {
    background: #f7f7f7;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid #ccc;
}

#references_list div {
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    background: #fff;
    font-family: "Times New Roman", serif;
    font-size: 12pt;
}

#references_list hr {
    border: none;
    border-top: 1px solid #ccc;
    margin-top: 8px;
}
html,body{
margin:0;
padding:0;
width:100%;
overflow-x:hidden !important;
}

*{
box-sizing:border-box;
max-width:100%;
}

.page-shell,
.content,
main{
width:100%;
}

.content{
padding:20px;
margin:0 auto;
}

#citation-book-system{
width:100% !important;
max-width:1200px !important;
margin:0 auto !important;
}

input,textarea,select,button,
div[contenteditable="true"]{
max-width:100%;
}

#theme-toggle{
position:absolute;
right:16px;
top:16px;
width:52px;
height:52px;
border-radius:50%;
border:none;
cursor:pointer;
font-size:24px;
box-shadow:0 4px 12px rgba(0,0,0,.2);
}

.hero{
position:relative;
}

.site-footer{
width:100%;
padding:20px;
text-align:center;
background:linear-gradient(135deg,#003a70,#005aa5);
color:#fff;
}

.site-footer a{
color:#fff;
text-decoration:none;
font-weight:600;
}

body.dark{
background:#121212;
color:#f5f5f5;
}

body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6{
color:#ffffff !important;
}

body.dark #citation-book-system{
background:#1e1e1e;
color:#f5f5f5;
}

body.dark input,
body.dark textarea,
body.dark select,
body.dark div[contenteditable="true"]{
background:#2a2a2a;
color:#fff;
border-color:#555;
}

body.dark .hero,
body.dark .site-footer{
background:linear-gradient(135deg,#1f1f1f,#2d2d2d);
}