:root{--carbon-black:#1b1a1c;--graphite:#303036;--iron-grey:#474747;--grey:#7a7a7a;--silver:#a1a3a1;--dust-grey:#ced0ce;--alabaster-grey:#e6e8e6;--white:#fff;--intense-cherry:#ad343e;--sunflower-gold:#f2af29;--turquoise-surf:#23b5d3;--moss-green:#7ac74f;--vibrant-coral:#e87461;--golden-sand:#e0c879;--black:#050401;--eggshell:#e0e0ce;--shadow-grey:#231f20;--tomato-jam:#bb4430;--tropical-teal:#7ebdc2;--vanilla-custard:#f3dfa2;--linen:#efe6dd;--ghost-white:#f7f7ff;--tomato:#fc5130;--blazing-flame:#f15025;--bright-sky:#30bced;--dark-grey:#303030;--light-grey:#c9c9c9;--red:red;--pink:pink;--orange:orange;--lime:lime;--cyan:cyan;--blue:#4e4eff;--pitch-black:#070600;--bubblegum-pink:#ea526f;--blue-bell:#279af1;--primary-background-colour:var(--carbon-black);--secondary-background-colour:var(--graphite);--primary-text-colour:var(--white);--primary-link-colour:var(--turquoise-surf);--success:var(--moss-green);--error:var(--vibrant-coral);--warning:var(--golden-sand);--neutral:var(--bright-sky);--content-width:1200px;--page-padding:15px;--default-margin:10px;--line-height:2.5;--card-padding:10px;--dilemma-and-comment-card-avatar-dimensions:30px;--dilemma-avatar-dimensions:30px;--profile-avatar-dimensions:200px;--profile-avatar-preview-dimensions:150px}*{box-sizing:border-box;margin:0;padding:0}font-face{src:url(/fonts/Roboto-VariableFont_wdth,wght.ttf);font-family:Roboto}html{font-size:16px}body{background-color:var(--primary-background-colour);color:var(--primary-text-colour);font-family:Roboto;font-size:1rem}h1{margin-bottom:var(--default-margin)}ul,ol{padding-left:2em}img{max-width:100%;height:auto;display:block}a{color:var(--primary-link-colour)}input,textarea,select,button{font-family:Roboto}input,select{padding:5px}input[type=submit],button{cursor:pointer}textarea{width:100%}.error-text{color:var(--error)}.success-text{color:var(--success)}.warning-text{color:var(--warning)}.neutral-text{color:var(--neutral)}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main,footer{padding:var(--page-padding)}header,footer{background-color:var(--primary-background-colour)}header{border-bottom:1px solid var(--secondary-background-colour);padding:5px var(--page-padding);grid-template-areas:"logo""nav""search";gap:4px 20px;display:grid}#logo{grid-area:logo}#main-nav{grid-area:nav}#search-bar-container{grid-area:search}#logo{color:var(--primary-text-colour);font-size:1.5rem;text-decoration:none}nav{flex-wrap:wrap;gap:3px 20px;display:flex}nav a{text-decoration:none}nav a:hover{text-decoration:underline}#log-out-button{cursor:pointer;color:var(--primary-link-colour)}#log-out-button:hover{text-decoration:underline}#search-bar-container{flex-wrap:wrap;display:flex}#search-icon,#close-search-bar{cursor:pointer}main{max-width:var(--content-width);margin:auto}#footer-container{border-top:1px solid var(--secondary-background-colour)}footer{max-width:var(--content-width);margin:auto}.footer-links-container{margin-bottom:20px}.footer-links{justify-items:start;display:grid}.footer-links *{line-height:var(--line-height);text-decoration:none}#footer-cookie-preferences-link{cursor:pointer;color:var(--primary-link-colour)}#cookie-consent-banner{background-color:var(--blue-bell);padding:var(--page-padding);width:100%;position:fixed;bottom:0}#copyright{line-height:1.5}.pagination-controls{flex-wrap:wrap;gap:10px;display:flex}#category-select{margin-bottom:var(--default-margin)}.dilemma-card-avatar-and-username,.comment-card-avatar-and-username{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.dilemma-card-avatar,.comment-card-avatar,.reported-dilemma-card-avatar{width:var(--dilemma-and-comment-card-avatar-dimensions);aspect-ratio:1;object-fit:cover;border-radius:50%}.dilemma-card-context,.comment-card-comment{white-space:pre-wrap;word-break:break-word}.dilemma-cards-container{margin-bottom:var(--default-margin);gap:10px;display:grid}.dilemma-card{background-color:var(--secondary-background-colour);padding:var(--card-padding);justify-items:start;display:grid}#dilemma-avatar-and-username-container{flex-wrap:wrap;align-items:center;gap:5px;display:flex}#dilemma-avatar{width:var(--dilemma-avatar-dimensions);aspect-ratio:1;object-fit:cover;border-radius:50%}.dilemma-context{white-space:pre-wrap;word-break:break-word}.options-container{justify-items:start;display:grid}.option-text{font-size:1.3em}.comment-cards-container{background-color:pink;gap:10px;display:grid}.comment-card{background-color:#d669d6}.comment-card-read-more-and-show-less,.profile-dilemma-card-read-more-and-show-less,.profile-comment-card-read-more-and-show-less{cursor:pointer;text-decoration:underline}#profile-avatar-and-username{justify-items:center;display:grid}#profile-avatar{width:var(--profile-avatar-dimensions);aspect-ratio:1;object-fit:cover;border-radius:50%}#profile-avatar-preview{width:var(--profile-avatar-preview-dimensions);aspect-ratio:1;object-fit:cover;border-radius:50%}.reported-dilemma-cards-container,.reported-comment-cards-container{background-color:pink;gap:10px;display:grid}.reported-dilemma-card,.reported-comment-card{background-color:salmon}.reported-dilemma-card-context,.reported-comment-card-dilemma-context,.reported-comment-card-comment,.reported-dilemma-card-report-details,.reported-comment-card-report-details,.report-dilemma-context,.report-comment{white-space:pre-wrap;word-break:break-word}.report-dilemma-context-read-more-and-show-less,.report-comment-read-more-and-show-less{cursor:pointer;color:#00f;text-decoration:underline}@media only screen and (min-width:380px){header{grid-template-areas:"logo search""nav nav";justify-content:space-between}}