/* VGC frontend display styles, extracted from asset/css/style.css (editor section).
 * No editing UI or editor JS. Global helper classes are scoped to .vgc_editor.
 * The page's 750px reading container remains authoritative. */
.vgc_editor{font-size:18px;line-height:1.5;color:#212121;max-width:790px;margin:15px auto;}
.vgc_editor p{margin:10px 0;}
.vgc_editor img{max-width:100%;vertical-align:top;height:auto;min-height:50px;background:#fafafa;}
.vgc_editor .vgc_in{background:none!important;}
.vgc_editor img.alC{margin:0 auto;display:block;}
.vgc_editor img.alR{margin:0 0 0 auto;display:block;}
.vgc_editor .wz_alink{color:#334BF7;text-decoration:underline;}
.vgc_editor ul li{list-style-type:disc;margin:10px 0;}
.vgc_editor ol li{list-style-type:decimal;margin:10px 0;}
.vgc_editor ul,.vgc_editor ol{margin:18px 0 8px 25px;padding-left:0;}
.vgc_editor h1{font-size:38px;margin:26px 0 8px 0;font-weight:700;line-height:1.2;}
.vgc_editor h2{font-size:32px;margin:26px 0 8px 0;font-weight:700;line-height:1.2;}
.vgc_editor h3{font-size:28px;margin:22px 0 8px 0;font-weight:700;line-height:1.2;}
.vgc_editor h4{font-size:24px;margin:20px 0 8px 0;font-weight:700;line-height:1.2;}
.vgc_editor h5{font-size:20px;margin:18px 0 8px 0;font-weight:700;line-height:1.2;}
.vgc_editor .mk_7{background:linear-gradient(180deg,transparent 50%, #f7468f 50%) 0 50% no-repeat;background-size:100% 1.2em;}
.vgc_editor .mk_8{background:linear-gradient(180deg,transparent 50%, #bbbfc4 50%) 0 50% no-repeat;background-size:100% 1.2em;}
.vgc_editor .mk_9{background:linear-gradient(180deg,transparent 50%, #f76964 50%) 0 50% no-repeat;background-size:100% 1.2em;}
.vgc_editor .mk_10{background:linear-gradient(180deg,transparent 50%, #ffa53d 50%) 0 50% no-repeat;background-size:100% 1.2em;}
.vgc_editor .mk_11{background:linear-gradient(180deg,transparent 50%, #ffe928 50%) 0 50% no-repeat;background-size:100% 1.2em;}
.vgc_editor .mk_12{background:linear-gradient(180deg,transparent 50%, #62d256 50%) 0 50% no-repeat;background-size:100% 1.2em;}
.vgc_editor .mk_13{background:linear-gradient(180deg,transparent 50%, #9ebbfe 50%) 0 50% no-repeat;background-size:100% 1.2em;}
.vgc_editor .mk_14{background:linear-gradient(180deg,transparent 50%, #c4a4fa 50%) 0 50% no-repeat;background-size:100% 1.2em;}
.vgc_editor .table_vg td,.vgc_editor .table_vg th{border:1px solid #ddd;padding:10px;text-align:left;}
.vgc_editor .table_vg2 td,.vgc_editor .table_vg2 th{border:none;padding:10px;text-align:left;}
.vgc_editor .table_vg3 td,.vgc_editor .table_vg3 th{border-bottom:1px solid #ddd;padding:10px;text-align:left;}
.vgc_editor .table_vg4 td,.vgc_editor .table_vg4 th{border:none;padding:10px;text-align:left;}
.vgc_editor .table_vg4 tr:nth-of-type(even) td,.vgc_editor .table_vg4 th{background-color:#f1f1f1;}
.vgc_editor .table_vg5 td,.vgc_editor .table_vg5 th{border:1px solid #ddd;padding:10px;text-align:left;}
.vgc_editor .table_vg5 td:first-child,.vgc_editor .table_vg5 th:first-child{background:#f1f1f1;}
.vgc_editor .alL td,.vgc_editor .alL th{text-align:left!important;}
.vgc_editor .alR td,.vgc_editor .alR th{text-align:right!important;}
.vgc_editor .alC td,.vgc_editor .alC th{text-align:center!important;}
.vgc_editor table{margin:15px 0;word-break:break-all;border-collapse:collapse;}
.vgc_editor table p{margin:0;}
.vgc_editor .hi_block{position:relative;padding:16px;border:1px solid #f98e8b;background-color:#fde2e2;display:flex;}
.vgc_editor .hi_lemoji{width:28px;height:28px;cursor:default;user-select:none;font-size:22px;display:inline-block;margin-right:12px;line-height:28px;flex-shrink:0;}
/* Match the base selector's specificity so the saved highlight color actually wins. */
.vgc_editor .hi_block.hik_1{border-color:#dcdee1;background-color:#ebecee;}
.vgc_editor .hi_block.hik_3{border-color:#ffba6b;background-color:#feead2;}
.vgc_editor .hi_block.hik_4{border-color:#fff67a;background-color:#ffffcc;}
.vgc_editor .hi_block.hik_5{border-color:#8ee085;background-color:#d9f5d6;}
.vgc_editor .hi_block.hik_6{border-color:#82a7fc;background-color:#e1eaff;}
.vgc_editor .hi_block.hik_7{border-color:#ad82f7;background-color:#ece2fe;}
.vgc_editor video{display:block;margin:18px 0;text-align:center;cursor:pointer;user-select:none;position:relative;max-width:100%;height:auto;background-color:#000000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='32' fill='rgba(0,0,0,0.6)'/%3E%3Cpath d='M26 18l20 14-20 14z' fill='%23ffffff'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:64px 64px;}
.vgc_editor .vgc_code{background-color:#24292e;max-height:500px;border-radius:8px;display:block;margin:18px 0 8px 0!important;line-height:1.2;cursor:text;color:#ccc;position:relative;padding:10px;overflow:auto;}
.vgc_editor .vg_textarea{width:100%;min-height:200px;max-height:500px;background-color:#24292e;border-radius:8px;color:#d1d5da;font-size:12px;border:none;outline:none;padding:10px;font-family:Consolas,monospace;resize:vertical;}
/* Standalone reading equivalents of the old site's shared alignment/reset rules. */
.vgc_editor img{display:inline-block;}
.vgc_editor .alL{text-align:left;}
.vgc_editor .alC{text-align:center;}
.vgc_editor .alR{text-align:right;}
.vgc_editor .alJ{text-align:justify;}
.vgc_editor .vgc_table_scroll{max-width:100%;overflow-x:auto;}
.vgc_editor .vg_textarea:focus-visible{outline:2px solid #347fc5;outline-offset:-2px;}